Initial footer component + header improvements

src/components/footer.tsx

@@ -0,0 +1,20 @@
+import Container from "@/ui/container";
+import { cn } from "@/utils";
+import React from "react";
+
+interface FooterProps {
+  className?: string;
+}
+
+const Footer = (props: FooterProps) => {
+  return (
+    <footer className={cn("w-full", props.className)}>
+      <Container className="flex items-center justify-between">
+        <p>Crafted with ❤️ by pheralb</p>
+        <div></div>
+      </Container>
+    </footer>
+  );
+};
+
+export default Footer;

src/components/header.tsx

@@ -3,7 +3,6 @@ import { ModeToggle } from "./change-theme";
 import Logo from "./logo";
 import Link from "next/link";
 import ExternalLink from "@/ui/external-link";
-import { GithubIcon } from "lucide-react";
 import { cn } from "@/utils";
 import { buttonVariants } from "@/ui/button";
 import UserButton from "./auth/user-button";
@@ -28,7 +27,7 @@ const Header = () => {
             <span className="self-center whitespace-nowrap text-lg font-medium tracking-tight dark:text-white">
               slug
             </span>
-            <Badge>beta</Badge>
+            <Badge className="cursor-pointer">beta</Badge>
           </Link>
           <div className="flex items-center space-x-1">
             <ExternalLink