feat(search/sources-list): enhance item interactions and hover states (…

…#96)

- Improve interactions and hover states for searched items in the sources list
- Ensure the sources list, displayed at full height on the right of the chat bubbles, has consistent and improved user interactions

Changes summary:
    - Enhanced the interactions and hover states for items in the sources list, which is displayed at full height on the right of the chat bubbles when the "Sources" button is pressed, for a better user experience.

src/sass/elements/_search.scss

@@ -0,0 +1,11 @@
+/* ___ Search list of sources showed on the right h-full of the chats container */
+[data-testid="screen-threadFlyOut"]:has([data-testid="bar-search-sources-header"]) {
+
+    /* Add hover state for searched items */
+    a[class*="hover:bg-token-main-surface-secondary"] {
+        &:hover {
+            --main-surface-secondary: var(--c-surface-3) !important;
+            transform: translateY(-2px);
+        }
+    }
+}

src/sass/index.scss

@@ -46,6 +46,7 @@
 @import 'pages/_gpt-store';
 @import 'elements/_transitions';
 @import 'elements/_chats-textarea-max-width';
+@import 'elements/_search';
 
 /* ChatGPT A/B Testing */
 @import 'elements/_composer';