feat: use navigation

Author: Angular2Guy

frontend/app/login/login.tsx

@@ -1,8 +1,11 @@
+import { NavLink } from "react-router";
+
 export function Login() {
   return (
     <div>
       <h1>Welcome to the App!</h1>
       <p>This is a simple React Router application.</p>
+      <NavLink to="/app/app">Application</NavLink>
     </div>
   );
 }

frontend/app/welcome/welcome.tsx

@@ -1,3 +1,4 @@
+import { NavLink } from "react-router";
 import logoDark from "./logo-dark.svg";
 import logoLight from "./logo-light.svg";
 
@@ -25,19 +26,7 @@ export function Welcome() {
               What's next?
             </p>
             <ul>
-              {resources.map(({ href, text, icon }) => (
-                <li key={href}>
-                  <a
-                    className="group flex items-center gap-3 self-stretch p-3 leading-normal text-blue-700 hover:underline dark:text-blue-500"
-                    href={href}
-                    target="_blank"
-                    rel="noreferrer"
-                  >
-                    {icon}
-                    {text}
-                  </a>
-                </li>
-              ))}
+              <NavLink to="/">Login</NavLink>
             </ul>
           </nav>
         </div>