Add discord button to pages

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

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashCustomGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashCustomGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <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

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashGodotRemakeGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashGodotRemakeGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <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

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashLiteGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashLiteGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <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-ultimate/page.tsx

@@ -5,6 +5,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashUltimateGameInfo () {
   useEffect(() => {
@@ -14,6 +15,7 @@ export default function BerryDashUltimateGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash Ultimate</p>
       <p>
         Berry Dash Ultimate is a unofficial game made by BoNoise from scratch!

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

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashWithGunsCustomGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashWithGunsCustomGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash with Guns Custom</p>
       <p>
         Berry Dash with Guns Custom is similar to Berry Dash with Guns, but with

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

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashWithGunsGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashWithGunsGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <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

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <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

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function TrianglesGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function TrianglesGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Triangles</p>
       <p>Triangles is a Geometry Dash fan game made in the Unity Game Engine</p>
       <p>