diff --git a/src/layouts/CardDonate.vue b/src/layouts/CardDonate.vue
deleted file mode 100644
index 123c1a1..0000000
--- a/src/layouts/CardDonate.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-
-
-    <div class="md:flex hidden items-center justify-between flex-col">
-
-    </div>
-
-
-
-
-
-    <div class="md:hidden flex flex-col items-center justify-center">
-        <v-container class=" footer-donate-container">
-
-            <h1 style="text-align: center; color: rgb(107, 0, 101); margin-bottom: 4%;"> ENCOURAGEZ-MOI </h1>
-
-
-            <v-text-field label="Montant"
-                style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
-
-            <v-text-field label="Message"
-                style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
-
-            <v-btn style="margin-bottom: 3px; background-color: rgb(163, 14, 121); color: white;" rounded="xl"
-                size="x-large" block>Faire un don</v-btn>
-
-        </v-container>
-    </div>
-</template>
-
-
-
-
-
-<style>
-.footer-donate-container {
-
-    background-color: rgb(255, 255, 255);
-
-}
-</style>
\ No newline at end of file
diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue
index dd60474..81a3e2c 100644
--- a/src/layouts/DefaultLayout.vue
+++ b/src/layouts/DefaultLayout.vue
@@ -2,14 +2,15 @@
 
   <body style="background-color: #f4f4f4;">
 
-    <!-- Version pour ordinateur -->
+    <!-- PC Version -->
     <v-card style="z-index: 1000; background-color: #ffff;" class="hidden-sm-and-down" hidden-sm-and-down elevation="5">
       <v-container style="z-index: 2000; margin-bottom: .8%; margin-top: -.3%; margin-right: 1%;">
         <v-row justify="end" style="margin-top: .2%; margin-bottom: -1.2%;">
-
           <v-menu :location="location">
             <template v-slot:activator="{ props }">
               <div class="d-flex align-center" v-bind="attrs" v-on="on">
+
+                <!-- Profile picture in the top right corner -->
                 <img src="/images/anonyme.png" class="header-profile-icon mr-2" alt="Logo">
                 <v-btn flat style="min-width: 200px; font-size: 1.3rem;" dark v-bind="props">
                   ANONYME
@@ -17,45 +18,46 @@
               </div>
             </template>
 
-            <v-list style="padding: 0;"> <!-- Supprimer le padding pour que les boutons occupent toute la largeur -->
+            <!-- Dropdown Menu Profile/Connection -->
+            <v-list style="padding: 0;">
               <v-list-item>
                 <router-link :to="{ name: 'yourprofile' }">
                   <v-btn class="full-width-btn" flat>Mon profile</v-btn>
                 </router-link>
               </v-list-item>
               <v-list-item>
-
                 <v-btn class="full-width-btn" flat>Déconnexion</v-btn>
-
               </v-list-item>
             </v-list>
           </v-menu>
-
-
         </v-row>
       </v-container>
     </v-card>
 
-    <!-- Version pour mobile -->
+    <!-- Mobile version -->
     <v-card style="z-index: 9000; background-color: #f4f4f4;" class="hidden-md-and-up" hidden-md-and-up>
       <v-app-bar app>
         <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
         <v-row>
           <v-col cols="11" class="d-flex align-center justify-center">
+
+            <!-- Logo Top bar -->
             <img src="/images/Chevron2.png" class="mobile-header" alt="Logo">
           </v-col>
-
         </v-row>
       </v-app-bar>
+
+      <!-- Left-side Menu -->
       <v-navigation-drawer v-model="drawer" temporary>
         <v-list>
           <v-list-item subtitle="Pascal@hutopy.com" title="Pascal Marchesseault">
             <template v-slot:prepend>
               <img src="/images/pascal.jpg" class="mobile-profile-picture mini-profile-picture " alt="Avatar">
             </template>
-
           </v-list-item>
         </v-list>
+
+        <!-- Left-side Button -->
         <v-divider></v-divider>
         <v-list density="compact" nav>
           <h1 class="h1-navigation">Navigation</h1>
@@ -66,72 +68,27 @@
             <v-list-item prepend-icon="mdi-account-multiple" title="Amis" value="friends"></v-list-item>
           </RouterLink>
           <v-list-item prepend-icon="mdi-newspaper" title="Contenu" value="content"></v-list-item>
-          <v-divider style="margin-top: 20%;"></v-divider>
-
           <v-list-item prepend-icon="mdi-wallet" title="Portefeuille" value="wallet"></v-list-item>
           <v-list-item style="margin-top: 110%;" prepend-icon="mdi-logout" title="Déconnexion"
             value="logout"></v-list-item>
-
         </v-list>
       </v-navigation-drawer>
     </v-card>
-
-
-    <main class="px-8 py-3 ">
-      <router-view />
-    </main>
-
   </body>
 </template>
 
 <script setup>
-import { auth } from '@/stores/auth.js';
-import { useRouter } from 'vue-router';
-
-const store = auth();
-const router = useRouter();
-
-const logout = () => {
-  store.logout();
-  router.push('/login');
-}
-
-const user = store.user;
-
+import { ref } from 'vue';
+const drawer = ref(false);
 </script>
 
-<script>
-export default {
-
-
-
-
-  data() {
-    return {
-      imageSrc: '../../../images/guillaimeaime3x.png',
-      drawer: false,
-      items: [
-        { title: 'Item 1' },
-        { title: 'Item 2' },
-        { title: 'Item 3' },
-      ],
-    };
-
-
-  },
-};
-</script>
 
 <style scoped>
 .full-width-btn {
   width: 100%;
-
   text-align: left;
-
   padding-left: 24px;
-
   padding-right: 24px;
-
   z-index: 1001;
 }
 
@@ -178,7 +135,6 @@ export default {
 
 }
 
-
 .mobile-header {
   height: 50px;
 
diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue
index 1d28a9e..09be4c7 100644
--- a/src/views/main/CreatorFolio.vue
+++ b/src/views/main/CreatorFolio.vue
@@ -1,7 +1,6 @@
 <template>
   <div style="background-color: #f4f4f4;">
-    <DefaultLayout></DefaultLayout>
-
+    <DefaultLayout style="margin-bottom: 30px"></DefaultLayout>
 
     <!-- "Mobile -->
     <v-row class="fluid hidden-md-and-up social-mobile-container"
