chore(gui-v2): remove layout wrapper from pages

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

@@ -33,47 +33,45 @@ const createProject = async () => {
 </script>
 
 <template>
-  <NuxtLayout>
-    <div class="main  justify-center d-flex mx-auto" style="min-height: 600px;overflow: auto">
-      <v-form ref="form" v-model="valid" @submit.prevent="createProject">
-        <v-card style="width:530px;margin-top: 100px" class="mx-auto">
-          <!-- Create Project -->
-          <v-container class="pb-10 px-12" style="padding-top: 43px !important;">
-            <h1 class="mt-4 mb-4 text-center">
-              <!--            {{ $t('activity.createProject') }} -->
-              Create Project
-            </h1>
-            <div class="mx-auto" style="width:350px">
-              <!-- label="Enter Project Name" -->
-              <!-- rule text: Required -->
-              <v-text-field
-                v-model="name"
-                class="nc-metadb-project-name"
-                label="Project name"
-              />
-              <!--                :rules="titleValidationRule" -->
-            </div>
-            <div class="text-center">
-              <v-btn
-                class="mt-3 mx-auto"
-                large
-                :loading="loading"
-                color="primary"
-                @click="createProject"
-              >
-                <v-icon class="mr-1 mt-n1">
-                  mdi-rocket-launch-outline
-                </v-icon>
-                <!-- Create -->
-                <!--                <span class="mr-1">{{ // $t("general.create") }}</span> -->
-                <span class="mr-1"> Create project </span>
-              </v-btn>
-            </div>
-          </v-container>
-        </v-card>
-      </v-form>
-    </div>
-  </NuxtLayout>
+  <div class="main  justify-center d-flex mx-auto" style="min-height: 600px;overflow: auto">
+    <v-form ref="form" v-model="valid" @submit.prevent="createProject">
+      <v-card style="width:530px;margin-top: 100px" class="mx-auto">
+        <!-- Create Project -->
+        <v-container class="pb-10 px-12" style="padding-top: 43px !important;">
+          <h1 class="mt-4 mb-4 text-center">
+            <!--            {{ $t('activity.createProject') }} -->
+            Create Project
+          </h1>
+          <div class="mx-auto" style="width:350px">
+            <!-- label="Enter Project Name" -->
+            <!-- rule text: Required -->
+            <v-text-field
+              v-model="name"
+              class="nc-metadb-project-name"
+              label="Project name"
+            />
+            <!--                :rules="titleValidationRule" -->
+          </div>
+          <div class="text-center">
+            <v-btn
+              class="mt-3 mx-auto"
+              large
+              :loading="loading"
+              color="primary"
+              @click="createProject"
+            >
+              <v-icon class="mr-1 mt-n1">
+                mdi-rocket-launch-outline
+              </v-icon>
+              <!-- Create -->
+              <!--                <span class="mr-1">{{ // $t("general.create") }}</span> -->
+              <span class="mr-1"> Create project </span>
+            </v-btn>
+          </div>
+        </v-container>
+      </v-card>
+    </v-form>
+  </div>
 </template>
 
 <style scoped>

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

@@ -38,7 +38,7 @@ onMounted(async () => {
       </v-btn>
     </div>
     <v-row>
-      <v-col v-for="project in projects" :key="project.id" cols="4">
+      <v-col v-for="project of projects" :key="project.id" cols="4">
         <v-card @click="navigateToDashboard(project)">
           <v-card-title>
             <div class="text-center">