style: format code with Black, isort, Prettier and Ruff Formatter (#195)

This commit fixes the style issues introduced in 4f2d253 according to the output
from Black, isort, Prettier and Ruff Formatter.

Details: None

Co-authored-by: deepsource-autofix[bot] <62050782+deepsource-autofix[bot]@users.noreply.github.com>

Author: deepsource-autofix[bot]

docs/script.js

@@ -169,7 +169,7 @@ async function fetchAndPrepareUsers() {
  */
 async function loadFeaturedUser() {
   try {
-    const res = await fetch('featured.json', { cache: 'no-store' });
+    const res = await fetch('featured.json', {cache: 'no-store'});
     if (!res.ok) {
       return;
     }

docs/styles.css

@@ -401,12 +401,17 @@ h1 {
   right: -50%;
   width: 200%;
   height: 200%;
-  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
+  background: radial-gradient(
+    circle,
+    rgba(255, 255, 255, 0.1) 0%,
+    transparent 70%
+  );
   animation: pulse 15s ease-in-out infinite;
 }
 
 @keyframes pulse {
-  0%, 100% {
+  0%,
+  100% {
     transform: scale(1);
     opacity: 0.5;
   }

layouts/layout.html

@@ -377,16 +377,41 @@ <h2>🔍 Find Your Favorite Developer</h2>
 
       <main class="main-content">
         <!-- Featured User Section -->
-        <section id="featuredUserSection" class="featured-user-section" style="display: none;">
+        <section
+          id="featuredUserSection"
+          class="featured-user-section"
+          style="display: none"
+        >
           <div class="featured-badge">⭐ Featured Developer of the Month</div>
           <div class="featured-content">
-            <a href="" id="featuredUserLink" target="_blank" rel="noopener" class="featured-avatar-link">
-              <img id="featuredUserAvatar" src="" alt="Featured developer avatar" class="featured-avatar" />
+            <a
+              href=""
+              id="featuredUserLink"
+              target="_blank"
+              rel="noopener"
+              class="featured-avatar-link"
+            >
+              <img
+                id="featuredUserAvatar"
+                src=""
+                alt="Featured developer avatar"
+                class="featured-avatar"
+              />
             </a>
             <div class="featured-info">
               <h2 id="featuredUserName" class="featured-name"></h2>
-              <a href="" id="featuredUserLoginLink" target="_blank" rel="noopener" class="featured-login"></a>
-              <p id="featuredUserLocation" class="featured-location" style="display: none;">
+              <a
+                href=""
+                id="featuredUserLoginLink"
+                target="_blank"
+                rel="noopener"
+                class="featured-login"
+              ></a>
+              <p
+                id="featuredUserLocation"
+                class="featured-location"
+                style="display: none"
+              >
                 <span class="location-icon">📍</span>
                 <span class="location-text"></span>
               </p>