Fix errors

src/views/main/HomeView.vue

@@ -1,9 +1,5 @@
 <template>
-  <v-app>
-
-
-
-
+  <main>
     <!--PC -->
     <div class="md:flex hidden items-center justify-between flex-col" style="margin-top: 2%;">
       <v-container style="margin-bottom: -.1%;">
@@ -76,7 +72,7 @@
                       </v-card>
                     </v-hover>
 
-                    <v-space style="margin-left: 30px;"></v-space>
+                    <div style="margin-left: 30px;"></div>
 
                     <v-hover v-slot="{ isHovering, props }">
                       <v-card class="mx-auto" max-width="400" v-bind="props">
@@ -100,7 +96,7 @@
                       </v-card>
                     </v-hover>
 
-                    <v-space style="margin-left: 30px;"> </v-space>
+                    <div style="margin-left: 30px;"> </div>
 
 
 
@@ -168,11 +164,7 @@
                       </RouterLink>
                     </v-col>
                   </v-row>
-
-
-
                 </v-col>
-
                 <v-col>
                   <v-img src="../../../images/homepage/cestquoihutopy.png"
                     style="border-radius: 90px; min-width: 344px;"></v-img>
@@ -181,11 +173,6 @@
             </v-container>
 
 
-
-
-
-
-
             <!-- Fin Description D'hutopy -->
 
 
@@ -232,13 +219,6 @@
           </v-col>
         </v-row>
       </v-container>
-
-
-
-
-
-
-
     </div>
 
     <!-- Mobile -->
@@ -384,13 +364,6 @@ const client = useClient();
 let itemList = ref([]);
 let errorNoAccessSnackBar = ref(false);
 
-const showOverlay(index) {
-      this.overlays[index] = true;
-    },
-    hideOverlay(index) {
-      this.overlays[index] = false;
-    },
-
 async function callBackend() {
   try {
     const response = await client.get('/api/TodoItems?ListId=1&PageNumber=1&PageSize=10');