Style upgrade, added minor nav bar, set up some basic routes and began work on components and components system.

components/layout/Header.tsx

@@ -0,0 +1,13 @@
+import Hyperlink from "@/components/ui/Hyperlink";
+
+export default function Header() {
+  return (
+      <header className="w-full h-full bg-slate-500 dark:bg-slate-900 flex items-center justify-between">
+          <nav className="flex items-center justify-around w-full h-full px-6 py-4">
+              <Hyperlink name={"Git Repos"} link={"dagemark.se/git"} />
+              <Hyperlink name={"Nextcloud Drive"} link={"dagemark.se/drive"} />
+              <Hyperlink name={"Game Servers"} link={"gserver.dagemark.se"} />
+          </nav>
+      </header>
+    )
+}

components/ui/Hyperlink.tsx

@@ -0,0 +1,9 @@
+export default function Hyperlink({name, link}: {name: string; link: string}) {
+    return (
+      <div className="bg-slate-400 dark:bg-slate-800 hover:bg-slate-600 font-medium py-2 px-4 rounded-lg shadow-md transition duration-200 ease-in-out">
+        <a href={`https://${link}`} className="block">
+          <h1 className="font-semibold text-slate-800dark:text-slate-400 text-lg">{name}</h1>
+        </a>
+      </div>
+    )
+}