Prettify: Footer

frontend/components/footer.tsx

@@ -1,22 +1,48 @@
+"use client";
+
+import { Bug } from "lucide-react";
+import Link from "next/link";
+import Image from "next/image";
+import { useTheme } from "next-themes";
+
 export function Footer() {
+  const { resolvedTheme } = useTheme();
+
   return (
-    <footer className="bottom-0 left-0 w-full py-5 px-10 text-sm text-muted-foreground border-t mt-5">
+    <footer className="bottom-0 left-0 w-full py-5 px-10 text-sm text-muted-foreground border-t mt-5 flex flex-col gap-y-2 md:flex-row md:items-center sm:justify-between">
       <span>
         Built by{" "}
         <a className="cursor-pointer underline" href="https://mathphys.info">
           Fachschaft MathPhysInfo
         </a>{" "}
         at Heidelberg University.{" "}
       </span>
-      <span>
-        The source code is available on{" "}
-        <a
-          className="cursor-pointer underline"
-          href="https://github.com/FachschaftMathPhysInfo/pepp"
+
+      <span className="text-sm text-muted-foreground">
+        Build v{process.env.NEXT_PUBLIC_APP_VERSION}
+      </span>
+
+      <span className={"flex gap-x-4 items-center"}>
+        <Link href={"https://github.com/FachschaftMathPhysInfo/pepp"}>
+          <Image
+            suppressHydrationWarning
+            src={
+              resolvedTheme === "light"
+                ? "/github_light.svg"
+                : "/github_dark.svg"
+            }
+            alt={"GitHub Logo"}
+            width={24}
+            height={24}
+          />
+        </Link>
+        <Link
+          href={
+            "https://github.com/FachschaftMathPhysInfo/pepp/issues/new?template=bug_report.md"
+          }
         >
-          GitHub
-        </a>
-        .
+          <Bug className={"stroke-muted-foreground"} />
+        </Link>
       </span>
     </footer>
   );

frontend/next.config.ts

@@ -0,0 +1,10 @@
+import type { NextConfig } from "next";
+import { version } from "./package.json";
+
+const nextConfig: NextConfig = {
+  env: {
+    NEXT_PUBLIC_APP_VERSION: version,
+  },
+};
+
+export default nextConfig;