feat: Added Map page

webv2/app.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen w-full overflow-y-auto bg-gray-900">
+  <div class="w-full overflow-y-auto bg-gray-900">
     <NuxtLayout />
 
     <UNotifications />

webv2/components/body/Sidebar.vue

@@ -11,7 +11,7 @@
       <Icon size="1.5em" name="heroicons:users" class="mr-2" />
       Team
     </NuxtLink>
-    <NuxtLink class="flex w-full items-center rounded bg-black/0 p-2 text-lg hover:cursor-pointer hover:bg-black/20">
+    <NuxtLink to="/map" class="flex w-full items-center rounded bg-black/0 p-2 text-lg hover:cursor-pointer hover:bg-black/20">
       <Icon size="1.5em" name="heroicons:map" class="mr-2" />
       Map
     </NuxtLink>

webv2/layouts/default.vue

@@ -1,15 +1,15 @@
 <template>
-  <div class="flex min-h-screen w-full overflow-y-auto">
+  <div class="flex w-full">
     <Transition>
       <BodySidebar v-if="showSidebar && user.minecraft" />
     </Transition>
-    <div class="w-full px-5 transition-all duration-300 ease-in-out" :class="{ 'xl:ms-56': showSidebar && user.minecraft }">
-      <div v-if="user.minecraft" class="mx-auto w-full max-w-[92rem]">
+    <div class="h-screen w-full overflow-y-auto px-5 transition-all duration-300 ease-in-out" :class="{ 'xl:ms-56': showSidebar && user.minecraft }">
+      <div v-if="user.minecraft" class="mx-auto flex h-full w-full max-w-[92rem] flex-col">
         <div class="my-5 text-xl font-bold">
           <Icon size="1.6em" :name="!showSidebar ? 'heroicons:bars-3-center-left' : 'heroicons:chevron-left'" class="text-primary-500 mr-3 hover:cursor-pointer" @click="showSidebar = !showSidebar" />
           {{ route.meta.title }}
         </div>
-        <NuxtPage class="" />
+        <NuxtPage class="h-full" />
       </div>
       <BodyConnectminecraft v-else />
     </div>

webv2/pages/map.vue

@@ -0,0 +1,11 @@
+<template>
+  <iframe src="https://polarcraft-map.xeovalyte.dev/" height="100%" width="100%" class="mb-5 rounded-xl" />
+</template>
+<script lang="ts">
+definePageMeta({
+  middleware: ['auth'],
+  title: 'Map'
+})
+
+useHead({ title: 'Map | Polarcraft' })
+</script>