Some consistency improvements and a nicer button

web/src/App.tsx

@@ -1,11 +1,5 @@
 import React from "react";
-import {
-  BrowserRouter,
-  Routes,
-  Route,
-  Navigate,
-  useSearchParams,
-} from "react-router-dom";
+import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
 import { initAuth } from "./store/auth";
 import { loadPreferences } from "./store/preferences";
 
@@ -23,21 +17,12 @@ import {
   CollectionDetailWrapper,
   AnnotationDetailWrapper,
   UserUrlWrapper,
-  SiteWrapper,
+  UrlWrapper,
 } from "./routes/wrappers";
 import About from "./views/About";
 import AdminModeration from "./views/core/AdminModeration";
 import NotFound from "./views/NotFound";
 
-function UrlRedirect() {
-  const [searchParams] = useSearchParams();
-  const q = searchParams.get("q");
-  if (q) {
-    return <Navigate to={`/site/${encodeURIComponent(q)}`} replace />;
-  }
-  return <Navigate to="/site" replace />;
-}
-
 export default function App() {
   React.useEffect(() => {
     initAuth();
@@ -144,14 +129,6 @@ export default function App() {
           }
         />
 
-        <Route
-          path="/url"
-          element={
-            <AppLayout>
-              <UrlRedirect />
-            </AppLayout>
-          }
-        />
         <Route
           path="/new"
           element={
@@ -209,10 +186,10 @@ export default function App() {
           }
         />
         <Route
-          path="/site/*"
+          path="/url/*"
           element={
             <AppLayout>
-              <SiteWrapper />
+              <UrlWrapper />
             </AppLayout>
           }
         />

web/src/components/navigation/MobileNav.tsx

@@ -205,9 +205,9 @@ export default function MobileNav() {
         </Link>
 
         <Link
-          to="/site"
+          to="/url"
           className={`flex flex-col items-center justify-center w-14 h-14 rounded-xl transition-colors ${
-            isActive("/site")
+            isActive("/url")
               ? "text-primary-600"
               : "text-surface-500 hover:text-surface-700"
           }`}

web/src/components/navigation/RightSidebar.tsx

@@ -18,7 +18,7 @@ export default function RightSidebar() {
 
   const handleSearch = (e: React.KeyboardEvent) => {
     if (e.key === "Enter" && searchQuery.trim()) {
-      navigate(`/site/${encodeURIComponent(searchQuery.trim())}`);
+      navigate(`/url/${encodeURIComponent(searchQuery.trim())}`);
     }
   };
 

web/src/routes/wrappers.tsx

@@ -1,12 +1,12 @@
+import { useStore } from "@nanostores/react";
 import React from "react";
 import { Navigate, useParams } from "react-router-dom";
-import { useStore } from "@nanostores/react";
 import { $user } from "../store/auth";
-import Profile from "../views/profile/Profile";
 import CollectionDetail from "../views/collections/CollectionDetail";
 import AnnotationDetail from "../views/content/AnnotationDetail";
-import UserUrlPage from "../views/content/UserUrl";
-import SitePage from "../views/content/SitePage";
+import UrlPage from "../views/content/UrlPage";
+import UserUrlPage from "../views/content/UserUrlPage";
+import Profile from "../views/profile/Profile";
 
 export function ProfileWrapper() {
   const { did } = useParams();
@@ -33,6 +33,6 @@ export function UserUrlWrapper() {
   return <UserUrlPage />;
 }
 
-export function SiteWrapper() {
-  return <SitePage />;
+export function UrlWrapper() {
+  return <UrlPage />;
 }