fix: Fix lint warning and formatting issues

- Remove unused slogan1 variable (logo already shows brand name)
- Fix Prettier formatting in onboarding-modal.js and main.js

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: raifdmueller

website/src/components/onboarding-modal.js

@@ -19,7 +19,8 @@ export function createOnboardingModal() {
 
   const modal = document.createElement('div')
   modal.id = 'onboarding-modal'
-  modal.className = 'fixed inset-0 bg-black/30 backdrop-blur-sm z-50 hidden items-center justify-center p-4'
+  modal.className =
+    'fixed inset-0 bg-black/30 backdrop-blur-sm z-50 hidden items-center justify-center p-4'
   modal.setAttribute('role', 'dialog')
   modal.setAttribute('aria-modal', 'true')
   modal.setAttribute('aria-labelledby', 'onboarding-title')
@@ -78,7 +79,6 @@ function buildModalContent() {
   // All text content is from trusted i18n translation files (not user input).
   // The YouTube video IDs are hardcoded constants above.
   const closeLabel = escapeHtml(i18n.t('modal.close'))
-  const slogan1 = escapeHtml(i18n.t('onboarding.slogan1'))
   const slogan2 = escapeHtml(i18n.t('onboarding.slogan2'))
   const text1 = escapeHtml(i18n.t('onboarding.text1'))
   const text2 = escapeHtml(i18n.t('onboarding.text2'))
@@ -111,7 +111,9 @@ function buildModalContent() {
       <div class="px-6 pb-4">
         <div class="flex flex-col sm:flex-row gap-6">
           <div class="sm:w-1/2 flex-shrink-0 flex items-center justify-center">
-            ${window.matchMedia('(min-width: 640px)').matches ? `
+            ${
+              window.matchMedia('(min-width: 640px)').matches
+                ? `
             <div class="rounded-xl overflow-hidden bg-black aspect-[9/16] max-h-[400px] w-full">
               <iframe
                 src="${embedUrl}"
@@ -122,7 +124,8 @@ function buildModalContent() {
                 allowfullscreen
               ></iframe>
             </div>
-            ` : `
+            `
+                : `
             <a
               href="${youtubeUrl}"
               target="_blank"
@@ -134,7 +137,8 @@ function buildModalContent() {
               </svg>
               ${watchVideo}
             </a>
-            `}
+            `
+            }
           </div>
 
           <div class="sm:w-1/2 flex flex-col gap-3 text-[var(--color-text)] text-sm leading-relaxed">

website/src/main.js

@@ -252,8 +252,10 @@ function bindRoleFilter() {
           if (other) other.value = e.target.value
         }
       })
-      const searchQuery = document.getElementById('header-search-input')?.value
-        || document.getElementById('search-input')?.value || ''
+      const searchQuery =
+        document.getElementById('header-search-input')?.value ||
+        document.getElementById('search-input')?.value ||
+        ''
       applyCardFilters(e.target.value, searchQuery)
     }
   })
@@ -278,8 +280,10 @@ function bindSearchInput() {
       if (query.trim()) {
         triggerSearchIndexBuild()
       }
-      const roleId = document.getElementById('header-role-filter')?.value
-        || document.getElementById('role-filter')?.value || ''
+      const roleId =
+        document.getElementById('header-role-filter')?.value ||
+        document.getElementById('role-filter')?.value ||
+        ''
       applyCardFilters(roleId, query)
     }
   })