fix import and add directories for Search and Chat

Author: aileenvl

…ponents/Common/Searchbox/chat.module.css …s/Common/Searchbox/Chat/index.module.cssapps/site/components/Common/Searchbox/chat.module.css renamed to apps/site/components/Common/Searchbox/Chat/index.module.css apps/site/components/Common/Searchbox/chat.module.css renamed to apps/site/components/Common/Searchbox/Chat/index.module.css

@@ -22,7 +22,7 @@ import Link from 'next/link';
 import { useLocale, useTranslations } from 'next-intl';
 import type { FC, PropsWithChildren } from 'react';
 
-import styles from './chat.module.css';
+import styles from './index.module.css';
 
 type SlidingChatPanelProps = PropsWithChildren<{
   open: boolean;

…ite/components/Common/Searchbox/Chat.tsx …mponents/Common/Searchbox/Chat/index.tsxapps/site/components/Common/Searchbox/Chat.tsx renamed to apps/site/components/Common/Searchbox/Chat/index.tsx apps/site/components/Common/Searchbox/Chat.tsx renamed to apps/site/components/Common/Searchbox/Chat/index.tsx

@@ -1,4 +1,4 @@
-@reference "../../../styles/index.css";
+@reference "../../../../styles/index.css";
 
 .searchInputWrapper {
   @apply relative;

…nents/Common/Searchbox/search.module.css …Common/Searchbox/Search/index.module.cssapps/site/components/Common/Searchbox/search.module.css renamed to apps/site/components/Common/Searchbox/Search/index.module.css apps/site/components/Common/Searchbox/search.module.css renamed to apps/site/components/Common/Searchbox/Search/index.module.css

@@ -20,7 +20,7 @@ import Link from 'next/link';
 import { useLocale, useTranslations } from 'next-intl';
 import type { FC, PropsWithChildren } from 'react';
 
-import styles from './search.module.css';
+import styles from './index.module.css';
 import { getFormattedPath } from './utils';
 
 type SearchProps = PropsWithChildren<{
@@ -48,10 +48,9 @@ export const Search: FC<SearchProps> = ({ onChatTrigger }) => {
         <button
           type="button"
           onClick={onChatTrigger}
-          className={classNames(
-            styles.chatButton,
-            { [styles.chatButtonWithSearch]: searchTerm }
-          )}
+          className={classNames(styles.chatButton, {
+            [styles.chatButtonWithSearch]: searchTerm,
+          })}
           data-focus-on-arrow-nav
         >
           <SparklesIcon />

…e/components/Common/Searchbox/Search.tsx …onents/Common/Searchbox/Search/index.tsxapps/site/components/Common/Searchbox/Search.tsx renamed to apps/site/components/Common/Searchbox/Search/index.tsx apps/site/components/Common/Searchbox/Search.tsx renamed to apps/site/components/Common/Searchbox/Search/index.tsx

@@ -21,7 +21,7 @@ import { useRouter, usePathname } from '#site/navigation.mjs';
 import { availableLocales } from '#site/next.locales.mjs';
 
 const SearchButton = dynamic(
-  () => import('#site/components/Common/SearchBox'),
+  () => import('#site/components/Common/Searchbox'),
   {
     ssr: false,
     loading: () => (