Add secret management guide, client-side performance monitoring, and search accessibility enhancements

- Introduced a comprehensive Secret Management Guide detailing best practices, secret classification, development setup, production management, rotation procedures, and emergency protocols.
- Implemented a client-side performance monitoring script to track various metrics including page load performance, paint metrics, layout shifts, and memory usage.
- Enhanced search accessibility with keyboard navigation support for search results, ensuring compliance with WCAG standards and improving user experience.

backend/templates/account/partials/login_form.html

@@ -2,8 +2,10 @@
 {% load account socialaccount %}
 {% load turnstile_tags %}
 
-<form 
-  class="space-y-6" 
+<form
+  class="space-y-6"
+  role="form"
+  aria-label="{% trans 'Sign in to your account' %}"
   hx-post="{% url 'account_login' %}"
   hx-target="this"
   hx-swap="outerHTML"
@@ -11,44 +13,18 @@
 >
   {% csrf_token %}
   {% if form.non_field_errors %}
-  <div class="alert alert-error">
+  <div class="alert alert-error" role="alert">
     <div class="text-sm">{{ form.non_field_errors }}</div>
   </div>
   {% endif %}
 
-  <div>
-    <label for="id_login" class="form-label">
-      {% trans "Username or Email" %}
-    </label>
-    <input
-      type="text"
-      name="login"
-      id="id_login"
-      required
-      autocomplete="username email"
-      class="form-input"
-    />
-    {% if form.login.errors %}
-    <p class="form-error">{{ form.login.errors }}</p>
-    {% endif %}
-  </div>
+  <fieldset class="space-y-6">
+    <legend class="sr-only">{% trans "Login credentials" %}</legend>
 
-  <div>
-    <label for="id_password" class="form-label">
-      {% trans "Password" %}
-    </label>
-    <input
-      type="password"
-      name="password"
-      id="id_password"
-      required
-      autocomplete="current-password"
-      class="form-input"
-    />
-    {% if form.password.errors %}
-    <p class="form-error">{{ form.password.errors }}</p>
-    {% endif %}
-  </div>
+    {% include 'forms/partials/form_field.html' with field=form.login label=_("Username or Email") %}
+
+    {% include 'forms/partials/form_field.html' with field=form.password label=_("Password") %}
+  </fieldset>
 
   <div class="flex items-center justify-between">
     <div class="flex items-center">
@@ -87,7 +63,7 @@
 
   <div>
     <button type="submit" class="w-full btn-primary">
-      <i class="mr-2 fas fa-sign-in-alt"></i>
+      <i class="mr-2 fas fa-sign-in-alt" aria-hidden="true"></i>
       {% trans "Sign In" %}
     </button>
   </div>
@@ -96,6 +72,6 @@
 <!-- Loading indicator -->
 <div id="login-indicator" class="htmx-indicator">
   <div class="flex items-center justify-center w-full py-4">
-    <div class="w-8 h-8 border-4 rounded-full border-primary border-t-transparent animate-spin"></div>
+    <div class="w-8 h-8 border-4 rounded-full border-primary border-t-transparent animate-spin" role="status" aria-label="Loading"></div>
   </div>
 </div>