refactor: reorganise components by use/area

Author: danielroe

app/components/AppHeader.vue

@@ -138,7 +138,7 @@ onKeyStroke(
         :class="{ 'hidden sm:flex': !isSearchExpanded }"
       >
         <!-- Search bar (hidden on mobile unless expanded) -->
-        <SearchBox
+        <HeaderSearchBox
           ref="searchBoxRef"
           :inputClass="isSearchExpanded ? 'w-full' : ''"
           :class="{ 'max-w-md': !isSearchExpanded }"
@@ -217,6 +217,6 @@ onKeyStroke(
     </nav>
 
     <!-- Mobile menu -->
-    <MobileMenu v-model:open="showMobileMenu" />
+    <HeaderMobileMenu v-model:open="showMobileMenu" />
   </header>
 </template>

app/components/CodeDirectoryListing.vue app/components/Code/DirectoryListing.vueapp/components/CodeDirectoryListing.vue renamed to app/components/Code/DirectoryListing.vue

@@ -117,7 +117,7 @@ function handleReset() {
               <span class="text-sm text-fg-muted font-mono flex-1">
                 {{ getColumnLabel(column.id) }}
               </span>
-              <AppTooltip
+              <TooltipApp
                 v-if="column.disabled"
                 :id="`${column.id}-disabled-reason`"
                 class="text-fg-subtle"
@@ -127,7 +127,7 @@ function handleReset() {
                 <span class="size-4 flex justify-center items-center text-xs border rounded-full"
                   >i</span
                 >
-              </AppTooltip>
+              </TooltipApp>
             </label>
           </div>
 

app/components/CodeFileTree.vue app/components/Code/FileTree.vueapp/components/CodeFileTree.vue renamed to app/components/Code/FileTree.vue

@@ -247,6 +247,6 @@ function openAuthModal() {
       </div>
     </Transition>
   </div>
-  <ConnectorModal />
-  <AuthModal />
+  <HeaderConnectorModal />
+  <HeaderAuthModal />
 </template>