Add nav item for converter, and create placeholder page.

Author: JackTench

src/app/converter.tsx

@@ -0,0 +1,3 @@
+export function Converter() {
+  return <p>Placeholder page for converter.</p>;
+}

src/components/libresplit/AppNav.tsx

@@ -23,6 +23,12 @@ export function AppNav() {
               <Link to="/">Home</Link>
             </NavigationMenuLink>
           </NavigationMenuItem>
+
+          <NavigationMenuItem>
+            <NavigationMenuLink asChild>
+              <Link to="/converter">Converter</Link>
+            </NavigationMenuLink>
+          </NavigationMenuItem>
         </NavigationMenuList>
       </NavigationMenu>
 

src/router.tsx

@@ -1,10 +1,12 @@
+import { Converter } from "./app/converter";
 import Home from "./app/home";
 import { Route, Routes } from "react-router";
 
 export default function AppRouter() {
   return (
     <Routes>
       <Route path="/" element={<Home />} />
+      <Route path="/converter" element={<Converter />} />
     </Routes>
   );
 }