Add component for Home button

src/app/components/HomeButton.tsx

@@ -0,0 +1,13 @@
+import Link from 'next/link'
+
+export function HomeButton () {
+  return (
+    <>
+      <div className='relative'>
+        <Link href='/' className='home-button absolute -top-4 -left-4'>
+          <span className='material-symbols-outlined'>home</span>
+        </Link>
+      </div>
+    </>
+  )
+}

src/app/game/berry-dash-custom/page.tsx

@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
+      <HomeButton />
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
       <p className='text-4xl'>Berry Dash Custom</p>
       <p>
         Berry Dash Custom is similar to Berry Dash Lite, but with a bit more and

src/app/game/berry-dash-godot-remake/page.tsx

@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
+      <HomeButton />
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
       <p className='text-4xl'>Berry Dash Godot Remake</p>
       <p>
         Berry Dash Godot Remake is a recreation of Berry Dash 1.0 in the Godot

src/app/game/berry-dash-lite/page.tsx

@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
+      <HomeButton />
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
       <p className='text-4xl'>Berry Dash Lite</p>
       <p>
         Berry Dash Lite is based on Berry Dash, without any online stuff and

src/app/game/berry-dash-with-guns/page.tsx

@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
+      <HomeButton />
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
       <p className='text-4xl'>Berry Dash with Guns</p>
       <p>
         Berry Dash with Guns is well, as the name implies berry dash but with

src/app/game/berry-dash/page.tsx

@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
+      <HomeButton />
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
       <p className='text-4xl'>Berry Dash</p>
       <p>
         Berry Dash is the first game Lncvrt ever made in Unity. The game is a

src/app/game/triangles/page.tsx

@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function TrianglesGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function TrianglesGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
+      <HomeButton />
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
       <p className='text-4xl'>Triangles</p>
       <p>Triangles is a Geometry Dash fan game made in the Unity Game Engine</p>
       <p>