update formatting

src/lib/components/product-pages/testimonials.svelte

@@ -42,7 +42,7 @@
     <div class="group light flex w-fit gap-4">
         {#each Array.from({ length: 4 }) as _, i}
             <div
-                class="animate-scroll flex items-center gap-8 group-hover:[animation-play-state:paused;]"
+                class="animate-scroll group-hover:[animation-play-state:paused;] flex items-center gap-8"
                 aria-hidden={i !== 0}
             >
                 {#each testimonials as testimonial}

src/lib/components/shared/index.ts

@@ -1,2 +1,2 @@
-export { default as GithubStats} from './github-stats.svelte';
+export { default as GithubStats } from './github-stats.svelte';
 export { default as DiscordLink } from './discord-link.svelte';

src/lib/providers/theme/helpers.ts

@@ -4,11 +4,11 @@ export const getTheme = (key: string, fallback?: string): string | undefined =>
     if (typeof window === 'undefined') return undefined;
     let theme: string | undefined = undefined;
     try {
-		theme = localStorage.getItem(key) as string || undefined;
+        theme = (localStorage.getItem(key) as string) || undefined;
     } catch (e) {
         // Unsupported
     }
-	return theme || fallback as string;
+    return theme || (fallback as string);
 };
 
 export const disableAnimation = () => {

src/lib/providers/theme/index.ts

@@ -1,34 +1,30 @@
+import { writable } from 'svelte/store';
 
-  import { writable } from 'svelte/store';
+export interface ThemeStore {
-
-  export interface ThemeStore {
     themes: string[];
     forcedTheme?: string;
     theme?: string;
     resolvedTheme?: string;
     systemTheme?: string;
-  }
+}
 
-  // Create the theme store
+// Create the theme store
-  export const themeStore = writable<ThemeStore>({
+export const themeStore = writable<ThemeStore>({
     themes: ['light', 'dark'],
     forcedTheme: undefined,
     theme: undefined,
     resolvedTheme: undefined,
     systemTheme: undefined
-  });
+});
 
+export const setTheme = (theme?: string) => themeStore.update((store) => ({ ...store, theme }));
 
-  export const setTheme = (theme?: string) => 
+export const setResolvedTheme = (resolvedTheme?: string) =>
-    themeStore.update((store) => ({ ...store, theme }));
-
-  export const setResolvedTheme = (resolvedTheme?: string) => 
     themeStore.update((store) => ({ ...store, resolvedTheme }));
 
-  export const setSystemTheme = (systemTheme?: string) => 
+export const setSystemTheme = (systemTheme?: string) =>
     themeStore.update((store) => ({ ...store, systemTheme }));
 
-  export const setThemes = (themes: string[]) => 
+export const setThemes = (themes: string[]) => themeStore.update((store) => ({ ...store, themes }));
-    themeStore.update((store) => ({ ...store, themes }));
 
-  export { default as ThemeProvider } from './theme.svelte';
+export { default as ThemeProvider } from './theme.svelte';

src/routes/+layout.svelte

@@ -200,7 +200,7 @@
 </svelte:head>
 
 <a
-    class="bg-mint-500 focus:pointer-events-all z-9999 focus:opacity-1 pointer-events-none absolute inset-y-0 block px-5 py-3 text-black underline opacity-0 focus:relative"
+    class="bg-mint-500 focus:pointer-events-all pointer-events-none absolute inset-y-0 z-9999 block px-5 py-3 text-black underline opacity-0 focus:relative focus:opacity-1"
     href="#main">Skip to content</a
 >
 

src/routes/products/functions/(components)/Platforms.svelte

@@ -32,7 +32,7 @@
 <div
     class={classNames(
         'container mb-10 overflow-clip',
-        '[filter:brightness(1.5)] [mask-image:linear-gradient(to_right,rgba(0,0,0,0)_0%,_rgba(255,255,255,1)_50%,_rgba(0,0,0,0)_100%)] [mask-mode:alpha]'
+        '[mask-image:linear-gradient(to_right,rgba(0,0,0,0)_0%,_rgba(255,255,255,1)_50%,_rgba(0,0,0,0)_100%)] [mask-mode:alpha] [filter:brightness(1.5)]'
     )}
 >
     <div class="animate-marquee flex w-max gap-4 pl-4 md:[animation-play-state:paused]">