diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..23f79e177
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "ai_assistant.request.env": "ppe",
+  "ai_assistant.request.ppe": "ppe_trae_seed_code_dogfood"
+}
\ No newline at end of file
diff --git a/404.html b/404.html
index 89a6cb55f..392b844a3 100644
--- a/404.html
+++ b/404.html
@@ -141,7 +141,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -157,7 +157,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
diff --git a/blank.html b/blank.html
index 409070493..f44642bc4 100644
--- a/blank.html
+++ b/blank.html
@@ -140,7 +140,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -156,7 +156,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
diff --git a/buttons.html b/buttons.html
index 5a3b4dccf..55ef280ff 100644
--- a/buttons.html
+++ b/buttons.html
@@ -140,7 +140,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -156,7 +156,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
diff --git a/cards.html b/cards.html
index d65c9e606..d0b58964f 100644
--- a/cards.html
+++ b/cards.html
@@ -140,7 +140,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -156,7 +156,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
diff --git a/charts.html b/charts.html
index c654ac979..8e53b5e75 100644
--- a/charts.html
+++ b/charts.html
@@ -139,7 +139,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -155,7 +155,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
diff --git a/css/sb-admin-2.css b/css/sb-admin-2.css
index 4dcda3195..843814e50 100644
--- a/css/sb-admin-2.css
+++ b/css/sb-admin-2.css
@@ -9806,6 +9806,11 @@ a:focus {
   flex: 1 0 auto;
 }
 
+body.sidebar-toggled #wrapper #content-wrapper,
+.sidebar.toggled ~ #content-wrapper {
+  margin-left: 0;
+}
+
 .container,
 .container-fluid,
 .container-sm,
diff --git a/forgot-password.html b/forgot-password.html
index 5f198c15f..cc827a17d 100644
--- a/forgot-password.html
+++ b/forgot-password.html
@@ -43,15 +43,15 @@ <h1 class="h4 text-gray-900 mb-2">Forgot Your Password?</h1>
                                         <p class="mb-4">We get it, stuff happens. Just enter your email address below
                                             and we'll send you a link to reset your password!</p>
                                     </div>
-                                    <form class="user">
+                                    <form class="user" action="forgot-password" method="POST">
                                         <div class="form-group">
                                             <input type="email" class="form-control form-control-user"
-                                                id="exampleInputEmail" aria-describedby="emailHelp"
+                                                id="exampleInputEmail" name="email" required aria-describedby="emailHelp"
                                                 placeholder="Enter Email Address...">
                                         </div>
-                                        <a href="login.html" class="btn btn-primary btn-user btn-block">
+                                        <button type="submit" class="btn btn-primary btn-user btn-block">
                                             Reset Password
-                                        </a>
+                                        </button>
                                     </form>
                                     <hr>
                                     <div class="text-center">
diff --git a/index.html b/index.html
index 51cf7bbdf..44ae1f6f2 100644
--- a/index.html
+++ b/index.html
@@ -139,7 +139,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="切换侧边栏" aria-expanded="true"></button>
             </div>
 
             <!-- Sidebar Message -->
@@ -161,8 +161,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <!-- Topbar -->
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
-                    <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="切换侧边栏" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
@@ -184,7 +183,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                     <ul class="navbar-nav ml-auto">
 
                         <!-- Nav Item - Search Dropdown (Visible Only XS) -->
-                        <li class="nav-item dropdown no-arrow d-sm-none">
+            aria-label="Toggle Sidebar"
                             <a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button"
                                 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                 <i class="fas fa-search fa-fw"></i>
@@ -221,7 +220,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                                 <h6 class="dropdown-header">
                                     Alerts Center
                                 </h6>
-                                <a class="dropdown-item d-flex align-items-center" href="#">
+              aria-label="Toggle Sidebar"
                                     <div class="mr-3">
                                         <div class="icon-circle bg-primary">
                                             <i class="fas fa-file-alt text-white"></i>
diff --git a/js/sb-admin-2.js b/js/sb-admin-2.js
index b0412d151..1a2591189 100644
--- a/js/sb-admin-2.js
+++ b/js/sb-admin-2.js
@@ -1,56 +1,85 @@
-(function($) {
-  "use strict"; // Start of use strict
+(function ($) {
+  'use strict';
 
-  // Toggle the side navigation
-  $("#sidebarToggle, #sidebarToggleTop").on('click', function(e) {
-    $("body").toggleClass("sidebar-toggled");
-    $(".sidebar").toggleClass("toggled");
-    if ($(".sidebar").hasClass("toggled")) {
-      $('.sidebar .collapse').collapse('hide');
+  function debounce(func, wait) {
+    var timeout;
+    return function () {
+      var context = this,
+        args = arguments;
+      clearTimeout(timeout);
+      timeout = setTimeout(function () {
+        func.apply(context, args);
+      }, wait);
     };
-  });
+  }
 
-  // Close any open menu accordions when window is resized below 768px
-  $(window).resize(function() {
-    if ($(window).width() < 768) {
-      $('.sidebar .collapse').collapse('hide');
-    };
-    
-    // Toggle the side navigation when window is resized below 480px
-    if ($(window).width() < 480 && !$(".sidebar").hasClass("toggled")) {
-      $("body").addClass("sidebar-toggled");
-      $(".sidebar").addClass("toggled");
+  $('#sidebarToggle, #sidebarToggleTop').on('click', function (e) {
+    e.preventDefault();
+    $('body').toggleClass('sidebar-toggled');
+    $('.sidebar').toggleClass('toggled');
+    var isExpanded = !$('.sidebar').hasClass('toggled');
+    $('#sidebarToggle, #sidebarToggleTop').attr('aria-expanded', isExpanded);
+    if ($('.sidebar').hasClass('toggled')) {
       $('.sidebar .collapse').collapse('hide');
-    };
+    }
   });
 
-  // Prevent the content wrapper from scrolling when the fixed side navigation hovered over
-  $('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function(e) {
+  $(window).resize(
+    debounce(function () {
+      var windowWidth = $(window).width();
+      if (windowWidth < 768) {
+        $('.sidebar .collapse').collapse('hide');
+      }
+      if (windowWidth < 480 && !$('.sidebar').hasClass('toggled')) {
+        $('body').addClass('sidebar-toggled');
+        $('.sidebar').addClass('toggled');
+        $('#sidebarToggle, #sidebarToggleTop').attr('aria-expanded', 'false');
+        $('.sidebar .collapse').collapse('hide');
+      }
+    }, 200),
+  );
+
+  $('body.fixed-nav .sidebar').on('wheel', function (e) {
     if ($(window).width() > 768) {
-      var e0 = e.originalEvent,
-        delta = e0.wheelDelta || -e0.detail;
+      var e0 = e.originalEvent;
+      var delta = e0.deltaY * -1 || e0.wheelDelta || -e0.detail;
       this.scrollTop += (delta < 0 ? 1 : -1) * 30;
       e.preventDefault();
     }
   });
 
-  // Scroll to top button appear
-  $(document).on('scroll', function() {
-    var scrollDistance = $(this).scrollTop();
-    if (scrollDistance > 100) {
-      $('.scroll-to-top').fadeIn();
-    } else {
-      $('.scroll-to-top').fadeOut();
-    }
-  });
+  $(document).on(
+    'scroll',
+    debounce(function () {
+      var scrollDistance = $(this).scrollTop();
+      if (scrollDistance > 100) {
+        $('.scroll-to-top').fadeIn(200);
+      } else {
+        $('.scroll-to-top').fadeOut(200);
+      }
+    }, 200),
+  );
 
-  // Smooth scrolling using jQuery easing
-  $(document).on('click', 'a.scroll-to-top', function(e) {
+  $(document).on('click', 'a.scroll-to-top', function (e) {
     var $anchor = $(this);
-    $('html, body').stop().animate({
-      scrollTop: ($($anchor.attr('href')).offset().top)
-    }, 1000, 'easeInOutExpo');
+    var $target = $($anchor.attr('href'));
+    if ($target.length) {
+      $('html, body').stop().animate(
+        {
+          scrollTop: $target.offset().top,
+        },
+        1000,
+        'easeInOutExpo',
+      );
+    }
     e.preventDefault();
   });
 
-})(jQuery); // End of use strict
+  $(document).ready(function () {
+    $('.scroll-to-top').fadeOut(0);
+    $('#sidebarToggle, #sidebarToggleTop').attr({
+      'aria-label': '切换侧边栏',
+      'aria-expanded': !$('.sidebar').hasClass('toggled'),
+    });
+  });
+})(jQuery);
diff --git a/login.html b/login.html
index f4fa58e6c..867ae34ec 100644
--- a/login.html
+++ b/login.html
@@ -41,26 +41,26 @@
                                     <div class="text-center">
                                         <h1 class="h4 text-gray-900 mb-4">Welcome Back!</h1>
                                     </div>
-                                    <form class="user">
+                                    <form class="user" action="login" method="POST">
                                         <div class="form-group">
                                             <input type="email" class="form-control form-control-user"
-                                                id="exampleInputEmail" aria-describedby="emailHelp"
+                                                id="exampleInputEmail" name="email" required aria-describedby="emailHelp"
                                                 placeholder="Enter Email Address...">
                                         </div>
                                         <div class="form-group">
                                             <input type="password" class="form-control form-control-user"
-                                                id="exampleInputPassword" placeholder="Password">
+                                                id="exampleInputPassword" name="password" required placeholder="Password">
                                         </div>
                                         <div class="form-group">
                                             <div class="custom-control custom-checkbox small">
-                                                <input type="checkbox" class="custom-control-input" id="customCheck">
+                                                <input type="checkbox" class="custom-control-input" id="customCheck" name="remember">
                                                 <label class="custom-control-label" for="customCheck">Remember
                                                     Me</label>
                                             </div>
                                         </div>
-                                        <a href="index.html" class="btn btn-primary btn-user btn-block">
+                                        <button type="submit" class="btn btn-primary btn-user btn-block">
                                             Login
-                                        </a>
+                                        </button>
                                         <hr>
                                         <a href="index.html" class="btn btn-google btn-user btn-block">
                                             <i class="fab fa-google fa-fw"></i> Login with Google
diff --git a/register.html b/register.html
index a005eb6c3..ac0390511 100644
--- a/register.html
+++ b/register.html
@@ -36,34 +36,34 @@
                             <div class="text-center">
                                 <h1 class="h4 text-gray-900 mb-4">Create an Account!</h1>
                             </div>
-                            <form class="user">
+                            <form class="user" action="register" method="POST">
                                 <div class="form-group row">
                                     <div class="col-sm-6 mb-3 mb-sm-0">
-                                        <input type="text" class="form-control form-control-user" id="exampleFirstName"
+                                        <input type="text" class="form-control form-control-user" id="exampleFirstName" name="firstName" required
                                             placeholder="First Name">
                                     </div>
                                     <div class="col-sm-6">
-                                        <input type="text" class="form-control form-control-user" id="exampleLastName"
+                                        <input type="text" class="form-control form-control-user" id="exampleLastName" name="lastName" required
                                             placeholder="Last Name">
                                     </div>
                                 </div>
                                 <div class="form-group">
-                                    <input type="email" class="form-control form-control-user" id="exampleInputEmail"
+                                    <input type="email" class="form-control form-control-user" id="exampleInputEmail" name="email" required
                                         placeholder="Email Address">
                                 </div>
                                 <div class="form-group row">
                                     <div class="col-sm-6 mb-3 mb-sm-0">
                                         <input type="password" class="form-control form-control-user"
-                                            id="exampleInputPassword" placeholder="Password">
+                                            id="exampleInputPassword" name="password" required placeholder="Password">
                                     </div>
                                     <div class="col-sm-6">
                                         <input type="password" class="form-control form-control-user"
-                                            id="exampleRepeatPassword" placeholder="Repeat Password">
+                                            id="exampleRepeatPassword" name="passwordRepeat" required placeholder="Repeat Password">
                                     </div>
                                 </div>
-                                <a href="login.html" class="btn btn-primary btn-user btn-block">
+                                <button type="submit" class="btn btn-primary btn-user btn-block">
                                     Register Account
-                                </a>
+                                </button>
                                 <hr>
                                 <a href="index.html" class="btn btn-google btn-user btn-block">
                                     <i class="fab fa-google fa-fw"></i> Register with Google
diff --git a/scss/_global.scss b/scss/_global.scss
index fa44c55f0..415835125 100644
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -28,6 +28,12 @@ a {
   }
 }
 
+body.sidebar-toggled {
+  #wrapper #content-wrapper {
+    margin-left: 0;
+  }
+}
+
 // Set container padding to match gutter width instead of default 15px
 .container,
 .container-fluid {
diff --git a/tables.html b/tables.html
index e867d9692..6b20e78de 100644
--- a/tables.html
+++ b/tables.html
@@ -142,7 +142,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -159,7 +159,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
                     <!-- Sidebar Toggle (Topbar) -->
                     <form class="form-inline">
-                        <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                        <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                             <i class="fa fa-bars"></i>
                         </button>
                     </form>
diff --git a/utilities-animation.html b/utilities-animation.html
index 1f4d1baa6..4516011cb 100644
--- a/utilities-animation.html
+++ b/utilities-animation.html
@@ -139,7 +139,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -155,7 +155,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
diff --git a/utilities-border.html b/utilities-border.html
index a2fa85162..e837627d7 100644
--- a/utilities-border.html
+++ b/utilities-border.html
@@ -139,7 +139,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -155,7 +155,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
diff --git a/utilities-color.html b/utilities-color.html
index e588deb46..225eaf6e2 100644
--- a/utilities-color.html
+++ b/utilities-color.html
@@ -139,7 +139,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -155,7 +155,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>
 
diff --git a/utilities-other.html b/utilities-other.html
index d5332a7a3..ff9e6a818 100644
--- a/utilities-other.html
+++ b/utilities-other.html
@@ -139,7 +139,7 @@ <h6 class="collapse-header">Other Pages:</h6>
 
             <!-- Sidebar Toggler (Sidebar) -->
             <div class="text-center d-none d-md-inline">
-                <button class="rounded-circle border-0" id="sidebarToggle"></button>
+                <button class="rounded-circle border-0" id="sidebarToggle" aria-label="������" aria-expanded="true"></button>
             </div>
 
         </ul>
@@ -155,7 +155,7 @@ <h6 class="collapse-header">Other Pages:</h6>
                 <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
 
                     <!-- Sidebar Toggle (Topbar) -->
-                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
+                    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3" aria-label="������" aria-expanded="true">
                         <i class="fa fa-bars"></i>
                     </button>