diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index c4997769..ef99f2d7 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -901,4 +901,3 @@ function refreshSuggestions(inputId, inputName, datalistId, showAlert = true) {
         </script>
     </body>
 </html>
-
diff --git a/resources/views/pages/about.blade.php b/resources/views/pages/about.blade.php
index 7f02ca4c..713ed57e 100644
--- a/resources/views/pages/about.blade.php
+++ b/resources/views/pages/about.blade.php
@@ -3,6 +3,7 @@
 @section("content")
     @include("layouts.navbars.guest.navbar", ["title" => "Home"])
 
+	<!-- Container for displaying the "About" page with various sections on features, technologies, development -->
     <div class="container mt-8 mb-3">
         <div class="page-header d-flex flex-column pt-4 pb-11 border-radius-lg">
             <div
@@ -529,6 +530,7 @@ class="card-title h5 d-block text-darker"
                 @endif
             });
 
+			// Function to accept terms and LGPD
             function acceptTermsAndLgpd() {
                 fetch("{{ route('accept.lgpd') }}", {
                     method: 'POST',
diff --git a/resources/views/pages/dashboard.blade.php b/resources/views/pages/dashboard.blade.php
index 6158c0e4..c7e55adb 100644
--- a/resources/views/pages/dashboard.blade.php
+++ b/resources/views/pages/dashboard.blade.php
@@ -2,6 +2,7 @@
 
 @section("content")
     @include("layouts.navbars.auth.topnav", ["title" => "Dashboard"])
+	<!-- Section displaying cards with financial and user statistics for the day, users, clients, and sales -->
     <div class="container-fluid py-4">
         <div class="row">
             <div class="col-xl-3 col-sm-6 mb-xl-0 mb-4">
@@ -149,6 +150,7 @@ class="ni ni-cart text-lg opacity-10"
                 </div>
             </div>
         </div>
+		<!-- Section displaying sales overview chart and carousel with promotional images and captions -->
         <div class="row mt-4">
             <div class="col-lg-7 mb-lg-0 mb-4">
                 <div class="card z-index-2 h-100">
@@ -287,6 +289,7 @@ class="carousel-control-next-icon"
                 </div>
             </div>
         </div>
+		<!-- Table displaying sales data by country with flags, sales count, value, and bounce rate -->
         <div class="row mt-4">
             <div class="col-lg-7 mb-lg-0 mb-4">
                 <div class="card">
@@ -527,6 +530,7 @@ class="text-xs font-weight-bold mb-0"
                     </div>
                 </div>
             </div>
+			<!-- Category list with icons and data displaying different sections such as Devices, Tickets, Error Logs, and Happy Users -->
             <div class="col-lg-5">
                 <div class="card">
                     <div class="card-header pb-0 p-3">
@@ -677,6 +681,7 @@ class="ni ni-bold-right"
 @endsection
 
 @push("js")
+	<!-- Script to render a line chart using Chart.js, with gradient fill and custom styling -->
     <script src="./assets/js/plugins/chartjs.min.js"></script>
     <script>
         var ctx1 = document.getElementById('chart-line').getContext('2d');
diff --git a/resources/views/pages/database-manager.blade.php b/resources/views/pages/database-manager.blade.php
index dd12e143..283b515a 100644
--- a/resources/views/pages/database-manager.blade.php
+++ b/resources/views/pages/database-manager.blade.php
@@ -2,6 +2,7 @@
 
 @section("content")
     @include("layouts.navbars.guest.navbar", ["title" => "pages.home.home"])
+	<!-- Page header section for the database manager, displaying title and description -->
     <div class="container mt-8 mb-3">
         <div class="page-header d-flex flex-column pt-4 pb-11 border-radius-lg">
             <div
@@ -19,6 +20,7 @@ class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-
             </div>
         </div>
     </div>
+	<!-- Container for the database manager component rendered via Livewire -->
     <div class="container">
         <div class="row">
             <div class="mt-lg-n12 mt-md-n13 mt-n12 justify-content-center">
diff --git a/resources/views/pages/help.blade.php b/resources/views/pages/help.blade.php
index 3d4505e5..633d6e04 100644
--- a/resources/views/pages/help.blade.php
+++ b/resources/views/pages/help.blade.php
@@ -3,6 +3,7 @@
 @section('content')
     @include('layouts.navbars.guest.navbar', ['title' => 'Help'])
     <div class="container mt-8 mb-3">
+		<!-- Displays a page header with a title and description -->
         <div class="page-header d-flex flex-column pt-4 pb-9 border-radius-lg">
             <div
                 class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-8 "
@@ -16,6 +17,7 @@ class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-
                 </div>
             </div>
         </div>
+		<!-- Displays a card with a title and description -->
         <div class="row">
             <div class="mt-lg-n12 mt-md-n13 mt-n12 justify-content-center">
                 <div class="card d-inline-flex p-3 mt-8 mb-5">
@@ -28,6 +30,7 @@ class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-
                                 {{ __('pages/help.common_questions') }}
                             </a>
                         </div>
+						<!-- Accordion item for a collapsible question-answer section with dynamic content -->
                         <div class="accordion" id="accordionExample">
                             <div class="accordion-item1">
                                 <h2 class="accordion-header">
diff --git a/resources/views/pages/home.blade.php b/resources/views/pages/home.blade.php
index cd5b77ba..6eeb3b75 100644
--- a/resources/views/pages/home.blade.php
+++ b/resources/views/pages/home.blade.php
@@ -13,6 +13,7 @@
     @endif
 </div>
 
+<!-- Displays a page with a header, description, and a dynamic grid of cards with icons and translated text -->
 <div  class="container mt-8 mb-3">
     <div class="page-header d-flex flex-column pt-4 pb-11 border-radius-lg">
         <div class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-8" style="width: 100%">
@@ -64,7 +65,8 @@
             </div>
         </div>
     </div>
-
+	
+	<!-- Row displaying four statistics cards: total projects, total users, completed projects, and ongoing projects -->
     <div class="row mt-3">
         <div class="col-lg-3 col-md-6 mb-4">
             <div class="card text-center h-100">
@@ -89,7 +91,6 @@
                 </div>
             </div>
         </div>
-
         <div class="col-lg-3 col-md-6 mb-4">
             <div class="card text-center h-100">
                 <div class="card-body d-flex flex-column">
@@ -144,6 +145,7 @@
 </div>
 @endsection
 
+
 @push("js")
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script>
@@ -153,6 +155,7 @@
         const totalFinishedProjects = {{ $total_finished_projects }};
         const totalOngoingProjects = {{ $total_ongoing_projects }};
 
+		// Function to animate the value from start to end
         function animateValue(id, start, end, duration) {
             const range = end - start;
             let current = start;
@@ -173,6 +176,7 @@ function animateValue(id, start, end, duration) {
             }, stepTime);
         }
 
+		// Function to check if the element is in the viewport
         function isElementInViewport(el) {
             const rect = el.getBoundingClientRect();
             return (
@@ -183,6 +187,7 @@ function isElementInViewport(el) {
             );
         }
 
+		// Function to animate the value when the element is visible
         function animateIfVisible(id, value) {
             const observer = new IntersectionObserver(function(entries) {
                 entries.forEach(function(entry) {
@@ -197,6 +202,7 @@ function animateIfVisible(id, value) {
             observer.observe(target);
         }
 
+		// Animate the values when the elements are visible
         animateIfVisible('user-count', totalUsers);
         animateIfVisible('project-count', totalProjects);
         animateIfVisible('total-finished-projects-count', totalFinishedProjects);
diff --git a/resources/views/pages/tables.blade.php b/resources/views/pages/tables.blade.php
index 9d6f8a19..0c391154 100644
--- a/resources/views/pages/tables.blade.php
+++ b/resources/views/pages/tables.blade.php
@@ -9,6 +9,7 @@
                     <div class="card-header pb-0">
                         <h6>Authors table</h6>
                     </div>
+					<!-- Table displaying authors, their roles, status, and employment details -->
                     <div class="card-body px-0 pt-0 pb-2">
                         <div class="table-responsive p-0">
                             <table class="table align-items-center mb-0">
@@ -29,7 +30,9 @@ class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opa
                                 </thead>
                                 <tbody>
                                     <tr>
+										<!-- Table row displaying user details including profile picture, role, status, employment date, and edit option -->
                                         <td>
+											
                                             <div class="d-flex px-2 py-1">
                                                 <div>
                                                     <img src="/img/team-2.jpg" class="avatar avatar-sm me-3" alt="user1">
@@ -57,6 +60,7 @@ class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opa
                                             </a>
                                         </td>
                                     </tr>
+									<!-- Table row displaying user details including profile picture, role, status, employment date, and edit option -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2 py-1">
@@ -86,6 +90,7 @@ class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opa
                                             </a>
                                         </td>
                                     </tr>
+									<!-- Table row displaying user details for Laurent Perrier including profile picture, role, status, employment date, and edit option -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2 py-1">
@@ -144,6 +149,7 @@ class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opa
                                             </a>
                                         </td>
                                     </tr>
+									<!-- Table row displaying user details for Richard Gran, including profile picture, role, status, employment date, and edit option -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2 py-1">
@@ -173,6 +179,7 @@ class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opa
                                             </a>
                                         </td>
                                     </tr>
+									<!-- Table row displaying user details for Miriam Eric, including profile picture, role, status, employment date, and edit option -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2 py-1">
@@ -210,6 +217,7 @@ class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opa
                 </div>
             </div>
         </div>
+		<!-- Table displaying project details such as project name, budget, status, completion percentage, and actions -->
         <div class="row">
             <div class="col-12">
                 <div class="card mb-4">
@@ -237,6 +245,7 @@ class="text-uppercase text-secondary text-xxs font-weight-bolder text-center opa
                                 </thead>
                                 <tbody>
                                     <tr>
+										<!-- Table row displaying project information with project name, budget, status, and completion progress -->
                                         <td>
                                             <div class="d-flex px-2">
                                                 <div>
@@ -272,6 +281,7 @@ class="avatar avatar-sm rounded-circle me-2" alt="spotify">
                                             </button>
                                         </td>
                                     </tr>
+									<!-- Table row displaying project information with project name, budget, status, and completion progress for "Invision" -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2">
@@ -309,6 +319,7 @@ class="avatar avatar-sm rounded-circle me-2" alt="invision">
                                             </button>
                                         </td>
                                     </tr>
+									<!-- Table row displaying project information with project name, budget, status, and completion progress for "Jira" -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2">
@@ -346,6 +357,7 @@ class="avatar avatar-sm rounded-circle me-2" alt="jira">
                                             </button>
                                         </td>
                                     </tr>
+									<!-- Table row displaying project information with project name, budget, status, and completion progress for "Slack" -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2">
@@ -383,6 +395,7 @@ class="avatar avatar-sm rounded-circle me-2" alt="slack">
                                             </button>
                                         </td>
                                     </tr>
+									<!-- Table row displaying project information with project name, budget, status, and completion progress for "Webdev" -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2">
@@ -420,6 +433,7 @@ class="avatar avatar-sm rounded-circle me-2" alt="webdev">
                                             </button>
                                         </td>
                                     </tr>
+									<!-- Table row displaying project information with project name, budget, status, and completion progress for "Adobe XD" -->
                                     <tr>
                                         <td>
                                             <div class="d-flex px-2">
diff --git a/resources/views/pages/terms.blade.php b/resources/views/pages/terms.blade.php
index 7f4bc034..63eacb49 100644
--- a/resources/views/pages/terms.blade.php
+++ b/resources/views/pages/terms.blade.php
@@ -16,6 +16,7 @@
             </div>
         </div>
     </div>
+	<!-- Displays various sections of the terms using cards. Each section includes a title and a description. -->
     <div class="row">
         <div class="mt-lg-n12 mt-md-n13 mt-n12 justify-content-center">
             <div class="card d-inline-flex p-3 mt-5">
diff --git a/resources/views/pages/user-edit.blade.php b/resources/views/pages/user-edit.blade.php
index 459a6f6a..17fe99bf 100644
--- a/resources/views/pages/user-edit.blade.php
+++ b/resources/views/pages/user-edit.blade.php
@@ -5,6 +5,7 @@
 
 <div class="container mt-8 mb-3">
 
+	<!-- Displays the card header with the authenticated user's name and the name of the user being edited -->
     <div class="card shadow-lg ">
         <div class="card-body">
             <div class="row gx-4">
@@ -24,6 +25,7 @@
         </div>
     </div>
 
+	<!-- Displays the user edit form with basic details and role assignment -->
     <br>
     <div id="alert">
         @include('components.alert')
diff --git a/resources/views/pages/user-profile.blade.php b/resources/views/pages/user-profile.blade.php
index b5018c2f..60d0574f 100644
--- a/resources/views/pages/user-profile.blade.php
+++ b/resources/views/pages/user-profile.blade.php
@@ -21,11 +21,11 @@ class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-
         </div>
     </div>
 
+	<!-- Displays user avatar with initials and basic profile info-->
     <div class="card shadow-lg mt-2">
         <div class="card-body">
             <div class="row gx-4">
                 <div class="col-auto my-auto">
-                    <!-- Campo de avatar com as iniciais -->
                     <div class="avatar avatar-xl rounded-circle bg-primary d-flex align-items-center justify-content-center text-white" style="width: 80px; height: 80px; font-size: 1.5rem;">
                         {{ strtoupper(substr(auth()->user()->firstname, 0, 1)) }}{{ strtoupper(substr(auth()->user()->lastname, 0, 1)) }}
                     </div>
@@ -46,6 +46,7 @@ class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-
         </div>
     </div>
 
+	<!-- Displays the user profile edit form with personal, contact, and professional information -->
     <br>
     <div id="alert">
         @include('components.alert')
@@ -59,9 +60,9 @@ class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-
 
                             <div class="d-flex ms-auto">
                                 <!-- Formulário para exclusão de dados -->
-                                    <button type="button" class="btn btn-danger btn-sm me-2" onclick="requestDataDeletion()">
-                                        <i class="fas fa-trash"></i>  {{ __('pages/profile.request_data_deletion') }}
-                                    </button>
+                                <button type="button" class="btn btn-danger btn-sm me-2" onclick="requestDataDeletion()">
+                                    <i class="fas fa-trash"></i> {{ __('pages/profile.request_data_deletion') }}
+                                </button>
                             </div>
                         </div>
                     </div>
@@ -208,33 +209,55 @@ class="row justify-content-center rounded-3 py-4 bg-gradient-faded-dark opacity-
     </div>
 </div>
 
+<!-- Handles user data deletion request with confirmation and modal display -->
 @push('js')
-    <script>
-        function requestDataDeletion() {
-            if (confirm('{{ __("pages/profile.confirm-exclusion") }}')) {
-                const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute("content");
+    <script id="requestDataDeletionScript">
+        if (!window.requestDataDeletionLoaded) {
+            window.requestDataDeletionLoaded = true;
 
-                fetch("{{ route('user.requestDataDeletion') }}", {
-                    method: "POST",
-                    headers: {
-                        "X-CSRF-TOKEN": csrfToken,
-                        "Content-Type": "application/json"
-                    },
-                    body: JSON.stringify({})
-                })
-                    .then(response => response.json())
-                    .then(data => {
-                        if (data.message === 'success') {
-                            // Exibe o modal de confirmação
-                            let dataDeletionConfirmationModal = new bootstrap.Modal(document.getElementById('dataDeletionConfirmationModal'));
-                            dataDeletionConfirmationModal.show();
-                        }
+            function requestDataDeletion() {
+                if (confirm('{{ __("pages/profile.confirm-exclusion") }}')) {
+                    const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute("content");
+
+                    fetch("{{ route('user.requestDataDeletion') }}", {
+                        method: "POST",
+                        headers: {
+                            "X-CSRF-TOKEN": csrfToken,
+                            "Content-Type": "application/json"
+                        },
+                        body: JSON.stringify({})
                     })
-                    .catch(error => console.error('Erro:', error));
+                        .then(response => response.json())
+                        .then(data => {
+                            if (data.message === 'success') {
+                                const modalElement = document.getElementById('dataDeletionConfirmationModal');
+                                const modalInstance = bootstrap.Modal.getInstance(modalElement);
+                                if (modalInstance) {
+                                    modalInstance.dispose();
+                                }
+
+                                const dataDeletionConfirmationModal = new bootstrap.Modal(modalElement, {
+                                    backdrop: 'static',
+                                    keyboard: false
+                                });
+                                dataDeletionConfirmationModal.show();
+                            }
+                        })
+                        .catch(error => console.error('Erro:', error));
+                } else {
+                    console.log('A exclusão foi cancelada pelo usuário.');
+                }
             }
         }
+    </script>
+@endpush
 
+@push('js')
+    <script>
+        window.onload = function () {
+            console.log('Página carregada: Perfil do Usuário');
+        };
     </script>
 @endpush
 
-@endsection
+@endsection
\ No newline at end of file