Sync release/v2.0 branch with latest main updates

public/assets/troubleshootingDB/troubleshooting.json

@@ -0,0 +1,74 @@
+{
+    "issues": [
+        {
+            "name": "Microphone is not working",
+            "body": [
+                {
+                    "type": "title",
+                    "content": "Safari, Firefox, and Edge"
+                },
+                {
+                    "type": "text",
+                    "content": "Oops! Our games don’t fully work on Safari, Firefox, or Edge just yet. For now, please switch to Google Chrome for the best experience."
+                },
+                {
+                    "type": "text",
+                    "content": "We’re working on it—thanks for hanging in there!"
+                },
+                {
+                    "type": "title",
+                    "content": "Chrome"
+                },
+                {
+                    "type": "text",
+                    "content": "Chrome likes to pick your microphone for you (how thoughtful… right?). It doesn’t ask—just grabs the default one and runs with it. Want to change it? Here’s how:"
+                },
+                {
+                    "type": "text",
+                    "content": "1. Go to Settings > Privacy and Security > Site Settings > Microphone"
+                },
+                {
+                    "type": "image",
+                    "path": "/assets/images/troubleshooting/01-01.png",
+                    "caption": "Go to site settings"
+                },
+                {
+                    "type": "image",
+                    "path": "/assets/images/troubleshooting/01-02.png",
+                    "caption": "Choose Privacy and security"
+                },
+                {
+                    "type": "image",
+                    "path": "/assets/images/troubleshooting/01-03.png",
+                    "caption": "Click Site settings"
+                },
+                {
+                    "type": "image",
+                    "path": "/assets/images/troubleshooting/01-04.png",
+                    "caption": "Select Microphone"
+                },
+                {
+                    "type": "text",
+                    "content": "2. Pick the mic you actually want to use"
+                },
+                {
+                    "type": "image",
+                    "path": "/assets/images/troubleshooting/01-05.png",
+                    "caption": "Pick the mic you want to use"
+                },
+                {
+                    "type": "title",
+                    "content": "Still need help?"
+                },
+                {
+                    "type": "text",
+                    "content": "No worries — we’ve got your back! Our dev team is super responsive and loves squashing bugs like it’s their day job (because it is)."
+                },
+                {
+                    "type": "text",
+                    "content": "Reach out to us at connect.audemy@gmail.com We’ll get things sorted in no time!"
+                }
+            ]
+        }
+    ]
+}

src/pages/Footer/GamePagesFooter.vue

@@ -0,0 +1,27 @@
+<!-- GamePagesFooter.vue -->
+<template>
+    <header class="flex items-center justify-between px-8 py-4 bg-transparent">
+      <!-- Something Not Working? Button -->
+      <div class="fixed bottom-10 left-10 z-50">
+        <button
+          @click="handleSthNotWorkingButtonClick"
+          class="text-black font-semibold py-2 px-4 rounded-lg flex items-center gap-2"
+        >
+          <img
+            src="/public/assets/gameImages/buttons/info.png" 
+            alt="Icon" 
+            class="w-6 h-6" 
+          />
+          <span>Something Not Working?</span>
+        </button>
+      </div>
+    </header> 
+</template>
+
+  <script setup>
+defineProps({
+  handleSthNotWorkingButtonClick: Function,
+  currentAudios: Array,
+});
+  </script>
+