fix #28 \add footer

components/custom/navbar.tsx

@@ -5,6 +5,7 @@ import { Switch } from "../ui/switch";
 import { Label } from "../ui/label";
 import { useEffect, useState } from "react";
 import { useTheme } from "next-themes";
+import GithubMark from "./github-mark.svg";
 
 export default function Navbar() {
   const { data: session, status } = useSession()
@@ -84,6 +85,11 @@ export default function Navbar() {
           </li>
         </ul>
       }
+      <footer className="flex flex-row items-center space-x-1 fixed bottom-1 text-xs">
+          <a href="https://github.com/falkordb/falkordb-browser"><GithubMark className="h-4 w-4" /></a> 
+          <span>Made by</span>
+          <a className="underline" href="https://www.falkordb.com">FalkorDB</a>
+      </footer>
     </nav>
   )
 }

next.config.js

@@ -1,9 +1,36 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    reactStrictMode: true,
-    images: {
-      unoptimized: true
-    }
+  reactStrictMode: true,
+  images: {
+    unoptimized: true
+  },
+  webpack(config) {
+    // Grab the existing rule that handles SVG imports
+    const fileLoaderRule = config.module.rules.find((rule) =>
+      rule.test?.test?.('.svg'),
+    )
+
+    config.module.rules.push(
+      // Reapply the existing rule, but only for svg imports ending in ?url
+      {
+        ...fileLoaderRule,
+        test: /\.svg$/i,
+        resourceQuery: /url/, // *.svg?url
+      },
+      // Convert all other *.svg imports to React components
+      {
+        test: /\.svg$/i,
+        issuer: fileLoaderRule.issuer,
+        resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
+        use: ['@svgr/webpack'],
+      },
+    )
+
+    // Modify the file loader rule to ignore *.svg, since we have it handled now.
+    fileLoaderRule.exclude = /\.svg$/i
+
+    return config
+  },
 }
 
 module.exports = nextConfig