ui: put /models/search behind a button

Author: cztomsik

src/app/models/ModelsPage.tsx

@@ -12,13 +12,13 @@ export const ModelsPage = ({ children }) => {
 
         <Tabs>
           <NavLink href="/models" exact>
-            Search
+            Installed
           </NavLink>
+          <NavLink href="/models/search">Search</NavLink>
           <NavLink href="/models/downloads">
             Downloads
             <Badge class="animate-pulse" value={queue.value.length} />
           </NavLink>
-          <NavLink href="/models/installed">Installed</NavLink>
         </Tabs>
       </Page.Header>
 

src/app/router.ts

@@ -22,9 +22,9 @@ const routes = [
   { path: "/quick-tools/:id", component: QuickTool },
   { path: "/quick-tools/:id/edit", component: EditTool },
   { path: "/playground", component: Playground },
-  { path: "/models", component: SearchModels },
+  { path: "/models", component: Models },
+  { path: "/models/search", component: SearchModels },
   { path: "/models/downloads", component: DownloadManager },
-  { path: "/models/installed", component: Models },
   { path: "/settings", component: Settings },
   { path: "/settings/system", component: System },
   { path: "/settings/license", component: License },