Fix the navbar being off center

Frontend/src/app/(pages)/docs/page.tsx

@@ -1,8 +1,16 @@
 import Creeper from "@/components/creeper";
 import { minecrafter } from "@/font/fonts";
 import { cn } from "@/lib/utils";
+import { Metadata } from "next";
 import Link from "next/link";
 
+/**
+ * Page metadata.
+ */
+export const metadata: Metadata = {
+	title: "Docs",
+};
+
 /**
  * The documentation page.
  *

Frontend/src/app/components/navbar.tsx

@@ -26,7 +26,7 @@ const Navbar = (): JSX.Element => {
 				{/* App Branding */}
 				<Link
 					className={cn(
-						"text-3xl text-minecraft-green-3 hover:opacity-85 transition-all transform-gpu",
+						"hidden sm:flex text-3xl text-minecraft-green-3 hover:opacity-85 transition-all transform-gpu",
 						minecrafter.className
 					)}
 					href="/"
@@ -65,17 +65,15 @@ const Navbar = (): JSX.Element => {
 				</div>
 			</div>
 
-			{/* Social Buttons */}
+			{/* Social Buttons - Right */}
 			<div className="hidden md:flex">
 				{/* Star on Github <3 */}
-
 				<Link
-					className="flex gap-1.5 items-center"
 					href="https://github.com/Rainnny7/RESTfulMC"
 					rel="noopener noreferrer"
 					target="_blank"
 				>
-					<MinecraftButton className="group/star">
+					<MinecraftButton className="flex gap-1.5 items-center group/star">
 						{/* Star Count */}
 						<Suspense fallback={<Skeleton className="w-4 h-5 rounded-md" />}>
 							<GitHubStarCount />