[main]: fix back button issue

Author: recursivezero

src/components/Back.astro

@@ -14,6 +14,6 @@ import BackIcon from "@/assets/icons/back.svg";
   }
 </style>
 
-<a href="/" class="back">
+<a href="/games" class="back">
   <BackIcon />
 </a>

src/components/GamesGrid.astro

@@ -9,6 +9,12 @@ interface Props {
 const { games } = Astro.props;
 ---
 
+<style>
+  h3 {
+    color: green;
+  }
+</style>
+
 <div class="games-grid">
   {
     games.map((game) => (

src/pages/gamePage.astro

@@ -0,0 +1,11 @@
+---
+import "@/assets/styles/landing.css";
+import Categories from "@/components/Categories.astro";
+import BaseLayout from "@/layouts/Base";
+import TitleLayout from "@/layouts/TitleLayout";
+---
+
+<BaseLayout meta={{}}>
+  <TitleLayout title="Games Category" />
+  <Categories />
+</BaseLayout>

src/pages/games.astro

@@ -1,6 +1,6 @@
 ---
 //import "@/assets/styles/index.css";
-import MobileSplash from "@/components/MobileSplash.astro";
+//import MobileSplash from "@/components/MobileSplash.astro";
 // import TestimonialsSection from "@/components/home/TestimonialsSection.astro";
 import BaseLayout from "@/layouts/Base";
 import Landing from "@/pages/landing.astro";
@@ -12,7 +12,7 @@ const meta = {
 ---
 
 <BaseLayout meta={meta} sidebar={false}>
-  <MobileSplash stay={true} />
+  <!--<MobileSplash stay={true} />-->
   <!--<HeroSection appName="abcdkbd" />-->
   <!--<ExploreLearnSection />-->
   <!-- <TestimonialsSection /> -->