✨feat: add github mark to footer

app/components/footer.tsx

@@ -1,9 +1,22 @@
-export function Footer() {
+import Image from 'next/image'
+import Link from 'next/link'
+import type React from 'react'
+import githubMark from '../public/github-mark.svg'
+
+export function Footer(): React.JSX.Element {
   return (
-    <footer className="footer footer-center bg-base-300 p-4 text-base-content">
+    <footer className="footer flex flex-row items-center bg-base-300 justify-center p-4 text-base-content">
       <aside>
         <p>Copyright © Open Up Group Inc. All rights reserved.</p>
       </aside>
+      <nav>
+        <Link
+          href="https://github.com/OpenUp-LabTakizawa/homepage"
+          target="_blank"
+        >
+          <Image src={githubMark} alt="GitHub" width={24} height={24} />
+        </Link>
+      </nav>
     </footer>
   )
 }