feat(prompt-action-cards): Add style to list of examples to match the…

… extension's design patterns (#59)

- Added custom styles to the list of examples that appear when clicking on prompt action cards
- Improved the visual appearance of the examples list for better readability and usability

Changes summary:
    - Enhanced the visual design of the list of examples that appear when clicking on prompt action cards.

src/sass/elements/_right--textarea.scss

@@ -75,6 +75,39 @@ main form {
 				border-radius: 10px !important;
 			}
 		}
+
+		/* new NEW CHAT layout - Element when clicked example cards below prompt textarea: "Create image", "Summarize text", "Analyze data", "Analyze images", and more... */
+		& + .absolute.left-0.top-full:has(ul) {
+			// background-color: var(--c-bg-chats-container);
+			// backdrop-filter: blur(10px);
+			margin-top: 0.2rem;
+			border-radius: var(--br-btn-big);
+			background-color: hsla(var(--accent-hsl) / 0.12) !important;
+			backdrop-filter: blur(10px) !important;
+			border: hsla(var(--accent-hsl) / 0.5);
+			padding: 0 !important;
+
+
+			/* List of examples when clicked some of the cards below prompt field: "Summarize notes from a meeting", "Summarize my lease agreemen", etc */
+			ul > li > button {
+				background: transparent !important;
+
+				/* "Summarize" or "Analyze" etc */
+				span.text-token-text-tertiary {
+					--text-tertiary: var(--c-accent) !important;
+				}
+
+				/* The rest of the sentence after the word "Summarize", "Analyze" etc */
+				span.text-token-text-primary {
+					font-weight: 500;
+				}
+
+				&:hover {
+					background-color: hsla(var(--accent-hsl) / 0.15) !important;
+					transform: translateY(-2px);
+				}
+			}
+		}
 	}