chore: biome format (#2732)

Signed-off-by: Adam Setch <adam.setch@outlook.com>

Author: setchy

biome.json

@@ -28,7 +28,13 @@
               ":BLANK_LINE:",
               ["**/constants", "**/constants/**"],
               ":BLANK_LINE:",
-              ["**/context/**", "**/hooks/**", "**/routes/**"],
+              [
+                "**/context/**",
+                "**/hooks/**",
+                "**/routes/**",
+                "**/stores",
+                "**/stores/**"
+              ],
               ":BLANK_LINE:",
               [
                 "**/layout/**",
@@ -55,9 +61,6 @@
     },
     "rules": {
       "recommended": true,
-      "a11y": {
-        "useKeyWithClickEvents": "off"
-      },
       "correctness": {
         "noUnusedFunctionParameters": "error",
         "useExhaustiveDependencies": {
@@ -111,6 +114,12 @@
       "tailwindDirectives": true
     }
   },
+  "html": {
+    "formatter": {
+      "enabled": true
+    },
+    "experimentalFullSupportEnabled": true
+  },
   "javascript": {
     "formatter": {
       "quoteStyle": "single",

src/renderer/__helpers__/test-utils.tsx

@@ -7,7 +7,6 @@ import { BaseStyles, ThemeProvider } from '@primer/react';
 import { mockAuth, mockSettings } from '../__mocks__/state-mocks';
 
 import { AppContext, type AppContextState } from '../context/App';
-
 import { type FiltersStore, useFiltersStore } from '../stores';
 
 export { navigateMock } from './vitest.setup';

src/renderer/components/AllRead.tsx

@@ -2,9 +2,10 @@ import { type FC, useMemo } from 'react';
 
 import { Constants } from '../constants';
 
+import { useFiltersStore } from '../stores';
+
 import { EmojiSplash } from './layout/EmojiSplash';
 
-import { useFiltersStore } from '../stores';
 import { randomElement } from '../utils/core/random';
 
 interface AllReadProps {

src/renderer/components/Sidebar.tsx

@@ -17,8 +17,8 @@ import { APPLICATION } from '../../shared/constants';
 
 import { useAppContext } from '../hooks/useAppContext';
 import { useShortcutActions } from '../hooks/useShortcutActions';
-
 import { useFiltersStore } from '../stores';
+
 import { LogoIcon } from './icons/LogoIcon';
 
 export const Sidebar: FC = () => {

src/renderer/components/filters/FilterSection.test.tsx

@@ -8,6 +8,7 @@ import { mockMultipleAccountNotifications } from '../../__mocks__/notifications-
 import { mockSettings } from '../../__mocks__/state-mocks';
 
 import { useFiltersStore } from '../../stores';
+
 import { stateFilter } from '../../utils/notifications/filters';
 import { FilterSection } from './FilterSection';
 

src/renderer/components/filters/FilterSection.tsx

@@ -4,11 +4,11 @@ import type { Icon } from '@primer/octicons-react';
 import { Stack, Text } from '@primer/react';
 
 import { useAppContext } from '../../hooks/useAppContext';
+import { type FiltersState, useFiltersStore } from '../../stores';
 
 import { Checkbox } from '../fields/Checkbox';
 import { Title } from '../primitives/Title';
 
-import { type FiltersState, useFiltersStore } from '../../stores';
 import type { Filter } from '../../utils/notifications/filters';
 import { RequiresDetailedNotificationWarning } from './RequiresDetailedNotificationsWarning';
 

src/renderer/components/filters/SearchFilter.test.tsx

@@ -3,6 +3,7 @@ import { fireEvent, screen } from '@testing-library/react';
 import { renderWithProviders } from '../../__helpers__/test-utils';
 
 import { useFiltersStore } from '../../stores';
+
 import { SearchFilter } from './SearchFilter';
 
 describe('renderer/components/filters/SearchFilter.tsx', () => {

src/renderer/components/filters/SearchFilter.tsx

@@ -11,12 +11,12 @@ import {
 import { Stack, Text } from '@primer/react';
 
 import { useAppContext } from '../../hooks/useAppContext';
+import { useFiltersStore } from '../../stores';
 
 import { Title } from '../primitives/Title';
 
 import { IconColor, type SearchToken, Size } from '../../types';
 
-import { useFiltersStore } from '../../stores';
 import {
   hasExcludeSearchFilters,
   hasIncludeSearchFilters,

src/renderer/components/icons/LogoIcon.tsx

@@ -24,6 +24,7 @@ export const LogoIcon: FC<LogoIconProps> = ({
   size = Size.SMALL,
   ...props
 }: LogoIconProps) => (
+  // biome-ignore lint/a11y/useKeyWithClickEvents: Logo is purely decorative
   <svg
     aria-hidden="true"
     aria-label={`${APPLICATION.NAME} Logo`}

src/renderer/context/App.tsx

@@ -14,6 +14,7 @@ import { Constants } from '../constants';
 import { useInactivityTimer } from '../hooks/timers/useInactivityTimer';
 import { useIntervalTimer } from '../hooks/timers/useIntervalTimer';
 import { useNotifications } from '../hooks/useNotifications';
+import { useFiltersStore } from '../stores';
 
 import type {
   Account,
@@ -34,7 +35,6 @@ import type {
   LoginPersonalAccessTokenOptions,
 } from '../utils/auth/types';
 
-import { useFiltersStore } from '../stores';
 import { fetchAuthenticatedUserDetails } from '../utils/api/client';
 import { clearOctokitClientCache } from '../utils/api/octokit';
 import {