chore(gui-v2): move v-container to projects page

packages/nc-gui-v2/layouts/default.vue

@@ -9,9 +9,7 @@ export default {
     <v-app-bar color="" />
     <v-navigation-drawer :permanent="true" />
     <v-main>
-      <v-container>
+      <slot />
-        <slot />
-      </v-container>
     </v-main>
   </v-layout>
 </template>

packages/nc-gui-v2/pages/projects/index.vue

@@ -27,24 +27,26 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="pa-2 d-flex mb-10">
+  <v-container>
-    <v-spacer />
+    <div class="pa-2 d-flex mb-10">
-    <v-btn size="small" class="caption text-capitalize mr-2" color="primary" @click="router.push('/projects/create')">
+      <v-spacer />
-      Create Project
+      <v-btn size="small" class="caption text-capitalize mr-2" color="primary" @click="router.push('/projects/create')">
-    </v-btn>
+        Create Project
-    <v-btn size="small" class="caption text-capitalize mr-2" color="primary" @click="router.push('/projects/create')">
+      </v-btn>
-      Create External Project
+      <v-btn size="small" class="caption text-capitalize mr-2" color="primary" @click="router.push('/projects/create')">
-    </v-btn>
+        Create External Project
-  </div>
+      </v-btn>
-  <v-row>
+    </div>
-    <v-col v-for="project in projects" :key="project.id" cols="4">
+    <v-row>
-      <v-card @click="navigateToDashboard(project)">
+      <v-col v-for="project in projects" :key="project.id" cols="4">
-        <v-card-title>
+        <v-card @click="navigateToDashboard(project)">
-          <div class="text-center">
+          <v-card-title>
-            <h3>{{ project.title }}</h3>
+            <div class="text-center">
-          </div>
+              <h3>{{ project.title }}</h3>
-        </v-card-title>
+            </div>
-      </v-card>
+          </v-card-title>
-    </v-col>
+        </v-card>
-  </v-row>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>