feat: frontend

ordr-ui/app/components/NavBar.tsx

@@ -0,0 +1,13 @@
+import Link from "next/link"
+
+export const NavBar = () => {
+    return (
+        <nav>
+            <div className="flex items-center justify-center">
+                <Link className=" pl-7 pr-7 pt-3 pb-3 hover:bg-purple-950" href="/orders/0/0">Orders</Link>
+                <Link className=" pl-7 pr-7 pt-3 pb-3 hover:bg-purple-950" href="/users/0">Users</Link>
+                <Link className=" pl-7 pr-7 pt-3 pb-3 hover:bg-purple-950" href="/items">Items</Link>
+            </div>
+        </nav>
+    )
+}