fix(prompt-field): Fix design issues with Command Menu / and GPTs M…

…entions `@` (#80)

- Fixed design issue with command menu overlay styling when typing "/"
- Fixed design issue with mentions dropdown styling when typing "@"
- Ensured proper styling and layout for command menu and GPTs mentions

Changes summary:
    - Fixed design issues with command menu (/) and GPTs mentions (@) in the prompt field.

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

@@ -111,22 +111,33 @@ main form {
 		}
 	}
 
-
+	/* @ popover showed when typed / in textarea-prompt with "Picture" and "Search" */
+	.absolute:has(>.popover.bg-token-main-surface-primary) {
+		& > .bg-token-main-surface-primary {
+			// background-color: var(--c-surface-3) !important;
+			--main-surface-primary: var(--c-surface-3) !important;
+		}
+	}
 
 	/* @mentions in textarea */
 	// [placeholder^="Search recent and pinned GPTs"]
-	.absolute.bottom-3:has(>.popover) {
+	.absolute:has(>.popover input[placeholder*='GPTs']) {
+
 		.popover {
 			backdrop-filter: blur(30px) !important;
 			border: hsla(var(--accent-hsl) / 0.5);
 			background-color: hsla(var(--accent-hsl) / 0.12) !important;
 			box-shadow: var(--box-shadow-textarea);
+
+			.overflow-y-auto {
+				--c-scrollbar-thumb: hsla(var(--accent-hsl) / 0.3) !important;
+			}
 		}
 
 		/* @mentions - Search GPTs */
 		input {
-			// background-color: hsla(var(--accent-hsl) / 0.1) !important;
-			background-color: transparent !important;
+			background-color: hsla(var(--accent-hsl) / 0.1) !important;
+			// background-color: transparent !important;
 			border: 1px solid hsla(var(--accent-hsl) / 0.4) !important;
 			border-radius: var(--br-btn) !important;
 			color: var(--c-accent) !important;
@@ -159,14 +170,6 @@ main form {
 		}
 	}
 
-	/* @ popover showed when typed / in textarea-prompt with "Picture" and "Search" */
-	.absolute.bottom-3:has(>.popover) {
-		& > .bg-token-main-surface-primary {
-			// background-color: var(--c-surface-3) !important;
-			--main-surface-primary: var(--c-surface-3) !important;
-		}
-	}
-
 	/* In DALLE there are random button examples above the textarea: ➕ Mosaic, ➕ 3D Wireframe, ➕ Claymation and shuffle btn, and arround that is some ugly gradient */
 	.absolute:has(.bg-gradient-to-t) {
 		.from-token-main-surface-primary {