diff --git a/e2e/debug.mjs b/e2e/debug.mjs
index c575e8f..a278f09 100644
--- a/e2e/debug.mjs
+++ b/e2e/debug.mjs
@@ -6,7 +6,9 @@ const browser = await chromium.launch()
 const context = await browser.newContext({ storageState: state })
 const page = await context.newPage()
 page.on('console', msg => console.log('[console]', msg.type(), msg.text()))
-page.on('pageerror', err => console.log('[pageerror]', err.message, '\n', err.stack))
+page.on('pageerror', err =>
+  console.log('[pageerror]', err.message, '\n', err.stack),
+)
 
 await page.goto('http://localhost:5173/chores/create')
 await page.getByTestId('chore-name-input').fill('Debug Chore ' + Date.now())
diff --git a/e2e/fixtures/auth.js b/e2e/fixtures/auth.js
index 06b1747..33369f4 100644
--- a/e2e/fixtures/auth.js
+++ b/e2e/fixtures/auth.js
@@ -1,4 +1,4 @@
-import { test as base, expect } from '@playwright/test'
+import { expect, test as base } from '@playwright/test'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
@@ -9,7 +9,10 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url))
  * After successful signup the app auto-logs in and walks through the
  * onboarding flow (/circle-setup, then /ready) before landing on /chores.
  */
-export async function signUpViaUI(page, { username, email, password, displayName }) {
+export async function signUpViaUI(
+  page,
+  { displayName, email, password, username },
+) {
   await page.goto('/signup')
   await page.locator('#username').fill(username)
   await page.locator('#email').fill(email)
@@ -30,7 +33,7 @@ export async function signUpViaUI(page, { username, email, password, displayName
  * Fill and submit the login form through the UI.
  * After successful login the app redirects to /chores.
  */
-export async function loginViaUI(page, { username, password }) {
+export async function loginViaUI(page, { password, username }) {
   await page.goto('/login')
   await page.locator('#username').fill(username)
   await page.locator('#password').fill(password)
diff --git a/e2e/global-setup.js b/e2e/global-setup.js
index 1d949d9..e509587 100644
--- a/e2e/global-setup.js
+++ b/e2e/global-setup.js
@@ -1,4 +1,4 @@
-import { writeFile, mkdir } from 'fs/promises'
+import { mkdir, writeFile } from 'fs/promises'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
@@ -56,7 +56,7 @@ export default async function globalSetup() {
     throw new Error(`Login failed (${loginRes.status}): ${body}`)
   }
 
-  const { token, expire } = await loginRes.json()
+  const { expire, token } = await loginRes.json()
 
   // Write a Playwright storage-state file containing the token in localStorage
   const stateDir = path.join(__dirname, '.auth')
@@ -84,7 +84,11 @@ export default async function globalSetup() {
 async function waitForServer(url, retries = 20, delayMs = 1000) {
   for (let i = 0; i < retries; i++) {
     try {
-      const res = await fetch(`${url}/api/v1/auth/login`, { method: 'POST', body: '{}', headers: { 'Content-Type': 'application/json' } })
+      const res = await fetch(`${url}/api/v1/auth/login`, {
+        method: 'POST',
+        body: '{}',
+        headers: { 'Content-Type': 'application/json' },
+      })
       if (res.status < 500) return
     } catch {
       // server not up yet
diff --git a/e2e/tests/auth.spec.js b/e2e/tests/auth.spec.js
index 9c049a7..508e0a3 100644
--- a/e2e/tests/auth.spec.js
+++ b/e2e/tests/auth.spec.js
@@ -1,12 +1,14 @@
-import { test, expect } from '@playwright/test'
-import { signUpViaUI, loginViaUI } from '../fixtures/auth.js'
+import { expect, test } from '@playwright/test'
+
+import { loginViaUI, signUpViaUI } from '../fixtures/auth.js'
 
 // Username must match /^[a-z.-]+$/ — no digits allowed.
 // Generate a random lowercase-only suffix for uniqueness across runs.
 function randomSuffix(len = 8) {
   const chars = 'abcdefghijklmnopqrstuvwxyz'
-  return Array.from({ length: len }, () =>
-    chars[Math.floor(Math.random() * 26)],
+  return Array.from(
+    { length: len },
+    () => chars[Math.floor(Math.random() * 26)],
   ).join('')
 }
 
@@ -41,7 +43,9 @@ test.describe('Auth – Sign Up', () => {
 
 test.describe('Auth – Login', () => {
   // Re-use the shared E2E user that global-setup already created
-  test('logs in with valid credentials and lands on /chores', async ({ page }) => {
+  test('logs in with valid credentials and lands on /chores', async ({
+    page,
+  }) => {
     await loginViaUI(page, {
       username: 'e2e.user',
       password: 'E2ePassword123!',
diff --git a/src/components/NotificationTemplate.jsx b/src/components/NotificationTemplate.jsx
index d942681..2db2d90 100644
--- a/src/components/NotificationTemplate.jsx
+++ b/src/components/NotificationTemplate.jsx
@@ -14,6 +14,7 @@ import Select from '@mui/joy/Select'
 import Typography from '@mui/joy/Typography'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import { NOTIFICATION_TYPE, TASK_COLOR } from '../utils/Colors'
 import { TIME_UNITS } from '../utils/DurationUtils'
 
@@ -26,7 +27,7 @@ const timingOptions = [
 ]
 
 function getRelativeLabel(notification, t) {
-  const { value, unit } = notification
+  const { unit, value } = notification
   const numericValue = Number(value)
   if (numericValue === 0) {
     return t('notifTemplate.onDueDate')
@@ -71,8 +72,8 @@ const NotificationTemplate = ({
   // Consumers that own an empty state themselves pass 0.
   minNotifications = 1,
   onChange,
-  value,
   showTimeline = true,
+  value,
 }) => {
   const { t } = useTranslation('chores')
   const [notifications, setNotifications] = useState(
diff --git a/src/components/SSEConnectionStatus.jsx b/src/components/SSEConnectionStatus.jsx
index 718d355..df7b744 100644
--- a/src/components/SSEConnectionStatus.jsx
+++ b/src/components/SSEConnectionStatus.jsx
@@ -1,13 +1,14 @@
 import { Circle, SignalWifi4Bar, SignalWifiOff } from '@mui/icons-material'
 import { Box, Chip, Tooltip, Typography } from '@mui/joy'
+
 import { useSSEContext } from '../hooks/useSSEContext'
 
 const SSEConnectionStatus = ({
-  variant = 'minimal',
   showError = false,
   sx = {},
+  variant = 'minimal',
 }) => {
-  const { isConnected, isConnecting, error, getConnectionStatus } =
+  const { error, getConnectionStatus, isConnected, isConnecting } =
     useSSEContext()
 
   const getStatusColor = () => {
diff --git a/src/components/SSESettings.jsx b/src/components/SSESettings.jsx
index 3187bdc..679206d 100644
--- a/src/components/SSESettings.jsx
+++ b/src/components/SSESettings.jsx
@@ -9,22 +9,23 @@ import {
   Switch,
   Typography,
 } from '@mui/joy'
+import { useTranslation } from 'react-i18next'
+
 import { useSSEContext } from '../hooks/useSSEContext'
 import { useUserProfile } from '../queries/UserQueries'
 import { isPlusAccount } from '../utils/Helpers'
 import SSEConnectionStatus from './SSEConnectionStatus'
-import { useTranslation } from 'react-i18next'
 
 const SSESettings = () => {
   const { t } = useTranslation('settings')
   const { data: userProfile } = useUserProfile()
   const {
-    isConnected,
-    isConnecting,
     error,
     getConnectionStatus,
-    toggleSSEEnabled,
+    isConnected,
+    isConnecting,
     isSSEEnabled,
+    toggleSSEEnabled,
   } = useSSEContext()
 
   const handleToggle = () => {
diff --git a/src/components/SubscriptionModal.jsx b/src/components/SubscriptionModal.jsx
index e5fe314..c4079f4 100644
--- a/src/components/SubscriptionModal.jsx
+++ b/src/components/SubscriptionModal.jsx
@@ -1,13 +1,14 @@
 import { Check, Star } from '@mui/icons-material'
 import { Box, Card, Chip, Divider, Radio, Typography } from '@mui/joy'
 import { useState } from 'react'
-import AppModal from './common/AppModal'
-import ModalActions from './common/ModalActions'
-import { useNotification } from '../service/NotificationProvider'
-import { GetSubscriptionSession } from '../utils/Fetcher'
 import { useTranslation } from 'react-i18next'
 
-const SubscriptionModal = ({ open, onClose }) => {
+import { useNotification } from '../service/NotificationProvider'
+import { GetSubscriptionSession } from '../utils/Fetcher'
+import AppModal from './common/AppModal'
+import ModalActions from './common/ModalActions'
+
+const SubscriptionModal = ({ onClose, open }) => {
   const { t } = useTranslation('settings')
   const [selectedPlan, setSelectedPlan] = useState('yearly')
   const [isLoading, setIsLoading] = useState(false)
@@ -81,7 +82,11 @@ const SubscriptionModal = ({ open, onClose }) => {
       footer={
         <ModalActions
           stackOnMobile
-          secondary={{ label: t('accountSettings.cancel'), onClick: onClose, disabled: isLoading }}
+          secondary={{
+            label: t('accountSettings.cancel'),
+            onClick: onClose,
+            disabled: isLoading,
+          }}
           primary={{
             label: t('subscription.subscribe'),
             onClick: handleSubscribe,
diff --git a/src/components/UserProfileAvatar.jsx b/src/components/UserProfileAvatar.jsx
index 74b43e3..1bacdfa 100644
--- a/src/components/UserProfileAvatar.jsx
+++ b/src/components/UserProfileAvatar.jsx
@@ -27,7 +27,9 @@ import {
 import { useMediaQuery } from '@mui/material'
 import moment from 'moment'
 import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import { useImpersonateUser } from '../contexts/ImpersonateUserContext'
 import useStickyState from '../hooks/useStickyState'
 import { useCircleMembers, useUserProfile } from '../queries/UserQueries'
@@ -35,7 +37,6 @@ import { apiClient } from '../utils/ApiClient'
 import { isPlusAccount, resolvePhotoURL } from '../utils/Helpers'
 import UserModal from '../views/Modals/Inputs/UserModal'
 import SubscriptionModal from './SubscriptionModal'
-import { useTranslation } from 'react-i18next'
 
 const UserProfileAvatar = () => {
   const { t } = useTranslation('common')
@@ -43,11 +44,11 @@ const UserProfileAvatar = () => {
   const { mode, setMode } = useColorScheme()
   const { data: userProfile } = useUserProfile()
   const {
+    canImpersonate,
+    getEffectiveUser,
     isImpersonating,
     startImpersonation,
     stopImpersonation,
-    canImpersonate,
-    getEffectiveUser,
   } = useImpersonateUser()
   const { data: circleMembersData } = useCircleMembers()
   const [isModalOpen, setIsModalOpen] = useState(false)
@@ -129,7 +130,9 @@ const UserProfileAvatar = () => {
                   }}
                 />
                 <Avatar
-                  src={resolvePhotoURL(userProfile?.image || userProfile?.avatar)}
+                  src={resolvePhotoURL(
+                    userProfile?.image || userProfile?.avatar,
+                  )}
                   alt={userProfile?.displayName || userProfile?.name}
                   size='sm'
                   sx={{
diff --git a/src/components/animations/AnimatedList.jsx b/src/components/animations/AnimatedList.jsx
index d18fff6..49cf00d 100644
--- a/src/components/animations/AnimatedList.jsx
+++ b/src/components/animations/AnimatedList.jsx
@@ -1,40 +1,43 @@
-import React from 'react'
-import { Box } from '@mui/joy'
-import { CSSTransition, TransitionGroup } from 'react-transition-group'
-import { useStaggeredAnimation, useReducedMotion } from '../../hooks/useAnimations'
 import './PageTransition.css'
 
-const AnimatedList = ({ 
-  children, 
-  staggerDelay = 50,
-  animationType = 'stagger', // 'stagger', 'fade', 'slide'
-  direction = 'up', // 'up', 'down', 'left', 'right'
-  renderItem,
+import { Box } from '@mui/joy'
+import React from 'react'
+import { CSSTransition, TransitionGroup } from 'react-transition-group'
+
+import {
+  useReducedMotion,
+  useStaggeredAnimation,
+} from '../../hooks/useAnimations'
+
+const AnimatedList = ({
+  animationType = 'stagger',
+  children,
+  direction = 'up', // 'stagger', 'fade', 'slide'
+  items, // 'up', 'down', 'left', 'right'
   keyExtractor,
-  items,
-  ...boxProps 
+  renderItem,
+  staggerDelay = 50,
+  ...boxProps
 }) => {
   // Handle both children and items patterns
   let childrenArray
   if (items && renderItem) {
-    childrenArray = items.map((item, index) => 
-      React.cloneElement(renderItem(item, index), { 
-        key: keyExtractor ? keyExtractor(item, index) : index 
-      })
+    childrenArray = items.map((item, index) =>
+      React.cloneElement(renderItem(item, index), {
+        key: keyExtractor ? keyExtractor(item, index) : index,
+      }),
     )
   } else {
     childrenArray = React.Children.toArray(children)
   }
-  
+
   const visibleItems = useStaggeredAnimation(childrenArray.length, staggerDelay)
   const prefersReducedMotion = useReducedMotion()
 
   // If user prefers reduced motion, render without animations
   if (prefersReducedMotion) {
     return (
-      <Box {...boxProps}>
-        {items && renderItem ? childrenArray : children}
-      </Box>
+      <Box {...boxProps}>{items && renderItem ? childrenArray : children}</Box>
     )
   }
 
@@ -55,7 +58,7 @@ const AnimatedList = ({
       <TransitionGroup component={null}>
         {childrenArray.map((child, index) => {
           const isVisible = visibleItems.has(index)
-          
+
           return (
             <CSSTransition
               key={child.key || index}
diff --git a/src/components/animations/LoadingScreen.jsx b/src/components/animations/LoadingScreen.jsx
index 743e7e2..a2b3b3b 100644
--- a/src/components/animations/LoadingScreen.jsx
+++ b/src/components/animations/LoadingScreen.jsx
@@ -65,11 +65,7 @@ const LogoContainer = styled(Box)({
 
 import { useTranslation } from 'react-i18next'
 
-const LoadingScreen = ({
-  message = null,
-  showLogo = true,
-  size = 'lg',
-}) => {
+const LoadingScreen = ({ message = null, showLogo = true, size = 'lg' }) => {
   const { t } = useTranslation('common')
   return (
     <LoadingContainer>
@@ -90,7 +86,7 @@ const LoadingScreen = ({
             </Typography>
           </LogoContainer>
         )}
-        
+
         <CircularProgress
           size={size}
           sx={{
@@ -98,7 +94,7 @@ const LoadingScreen = ({
             mb: 2,
           }}
         />
-        
+
         <PulsingText level='body-md'>{message ?? t('loading')}</PulsingText>
       </LoadingContent>
     </LoadingContainer>
diff --git a/src/components/animations/PageTransition.jsx b/src/components/animations/PageTransition.jsx
index bff11ed..cb51333 100644
--- a/src/components/animations/PageTransition.jsx
+++ b/src/components/animations/PageTransition.jsx
@@ -1,7 +1,8 @@
+import './PageTransition.css'
+
 import { useLayoutEffect, useRef, useState } from 'react'
 import { flushSync } from 'react-dom'
 import { useLocation } from 'react-router-dom'
-import './PageTransition.css'
 
 // Route hierarchy for determining navigation direction
 const routeHierarchy = {
diff --git a/src/components/animations/SkeletonLoader.jsx b/src/components/animations/SkeletonLoader.jsx
index 244bddf..af2095f 100644
--- a/src/components/animations/SkeletonLoader.jsx
+++ b/src/components/animations/SkeletonLoader.jsx
@@ -1,11 +1,11 @@
 import { Box, Skeleton } from '@mui/joy'
 
 const SkeletonLoader = ({
-  type = 'card',
   count = 1,
   height = 100,
-  width = '100%',
+  type = 'card',
   variant = 'rectangular',
+  width = '100%',
   ...props
 }) => {
   const renderSkeleton = () => {
diff --git a/src/components/animations/SmoothCard.jsx b/src/components/animations/SmoothCard.jsx
index 9d26f1e..839b072 100644
--- a/src/components/animations/SmoothCard.jsx
+++ b/src/components/animations/SmoothCard.jsx
@@ -1,23 +1,23 @@
-import React from 'react'
 import { Card } from '@mui/joy'
 import { styled } from '@mui/joy/styles'
+import React from 'react'
 
 const AnimatedCard = styled(Card)(({ theme }) => ({
   transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
   transform: 'translateZ(0)', // Enable GPU acceleration
   cursor: 'pointer',
   position: 'relative',
-  
+
   '&:hover': {
     transform: 'translateY(-4px) translateZ(0)',
     boxShadow: theme.shadow.lg,
   },
-  
+
   '&:active': {
     transform: 'translateY(-2px) translateZ(0)',
     transition: 'all 0.1s cubic-bezier(0.4, 0, 0.2, 1)',
   },
-  
+
   // Subtle background animation on hover
   '&::before': {
     content: '""',
@@ -26,49 +26,50 @@ const AnimatedCard = styled(Card)(({ theme }) => ({
     left: 0,
     right: 0,
     bottom: 0,
-    background: 'linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent)',
+    background:
+      'linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent)',
     opacity: 0,
     transition: 'opacity 0.3s ease',
     pointerEvents: 'none',
     borderRadius: 'inherit',
   },
-  
+
   '&:hover::before': {
     opacity: 1,
   },
-  
+
   // Focus states for accessibility
   '&:focus-visible': {
     outline: '2px solid',
     outlineColor: theme.palette.primary[500],
     outlineOffset: '2px',
   },
-  
+
   // Reduced motion support
   '@media (prefers-reduced-motion: reduce)': {
     transition: 'none',
     transform: 'none !important',
-    
+
     '&:hover': {
       transform: 'none',
       boxShadow: theme.shadow.md, // Still provide visual feedback
     },
-    
+
     '&:active': {
       transform: 'none',
     },
-    
+
     '&::before': {
       display: 'none',
     },
   },
 }))
 
-const SmoothCard = ({ 
-  children, 
-  onClick,
+const SmoothCard = ({
   animationDisabled = false,
-  ...props 
+  children,
+  onClick,
+  ...props
 }) => {
   if (animationDisabled) {
     return (
diff --git a/src/components/animations/StaggeredList.jsx b/src/components/animations/StaggeredList.jsx
index 32970c5..96a139e 100644
--- a/src/components/animations/StaggeredList.jsx
+++ b/src/components/animations/StaggeredList.jsx
@@ -1,13 +1,14 @@
+import './PageTransition.css'
+
 import { Box } from '@mui/joy'
 import React, { useEffect, useState } from 'react'
 import { CSSTransition, TransitionGroup } from 'react-transition-group'
-import './PageTransition.css'
 
 const StaggeredList = ({
-  children,
-  staggerDelay = 50,
-  initialDelay = 0,
   animate = true,
+  children,
+  initialDelay = 0,
+  staggerDelay = 50,
 }) => {
   const [isVisible, setIsVisible] = useState(!animate)
 
diff --git a/src/components/common/AppModal.jsx b/src/components/common/AppModal.jsx
index 84b1677..228bba5 100644
--- a/src/components/common/AppModal.jsx
+++ b/src/components/common/AppModal.jsx
@@ -17,27 +17,27 @@ const WIDTH_BY_SIZE = {
 const AppModal = forwardRef(
   (
     {
-      open,
-      onClose,
+      backdropBlur = true,
       children,
-      title,
+      closeOnBackdrop = true,
+      closeOnEscape = true,
+      contentSx,
       description,
       footer,
-      size = 'md',
+      footerSx,
       fullWidth = true,
       isMobile: isMobileProp,
       keepMounted = false,
+      maxHeight = '90dvh',
       mobilePresentation = 'sheet',
+      onClose,
+      open,
       role = 'dialog',
       showCloseButton = true,
       showHandle = false,
-      closeOnBackdrop = true,
-      closeOnEscape = true,
-      backdropBlur = true,
-      maxHeight = '90dvh',
-      contentSx,
-      footerSx,
+      size = 'md',
       sx,
+      title,
       unmountDelay = 180,
       ...modalProps
     },
diff --git a/src/components/common/DurationInput.jsx b/src/components/common/DurationInput.jsx
index a1bac5f..91ece5d 100644
--- a/src/components/common/DurationInput.jsx
+++ b/src/components/common/DurationInput.jsx
@@ -1,6 +1,7 @@
 import { Add, Remove } from '@mui/icons-material'
 import { Box, IconButton, Input, Option, Select } from '@mui/joy'
 import { useEffect, useState } from 'react'
+
 import {
   secondsToValueAndUnit,
   TIME_UNITS,
@@ -16,7 +17,7 @@ import {
  *   size     – Joy UI size ('sm' | 'md')
  *   minValue – minimum numeric value (default 1)
  */
-const DurationInput = ({ value, onChange, size = 'md', minValue = 1 }) => {
+const DurationInput = ({ minValue = 1, onChange, size = 'md', value }) => {
   const derived =
     value != null && value >= 0
       ? secondsToValueAndUnit(value)
@@ -26,7 +27,7 @@ const DurationInput = ({ value, onChange, size = 'md', minValue = 1 }) => {
 
   useEffect(() => {
     if (value != null && value >= 0) {
-      const { value: v, unit: u } = secondsToValueAndUnit(value)
+      const { unit: u, value: v } = secondsToValueAndUnit(value)
       setDisplayValue(v)
       setUnit(u)
     }
diff --git a/src/components/common/EmptyState.jsx b/src/components/common/EmptyState.jsx
index 95250fd..b02bf2e 100644
--- a/src/components/common/EmptyState.jsx
+++ b/src/components/common/EmptyState.jsx
@@ -55,7 +55,7 @@ const SIZES = {
 }
 
 const ActionButton = ({ action, ...buttonProps }) => {
-  const { label, to, onClick, ...rest } = action
+  const { label, onClick, to, ...rest } = action
   return (
     <Button
       {...buttonProps}
@@ -73,15 +73,15 @@ ActionButton.propTypes = {
 }
 
 const EmptyState = ({
-  variant = 'empty',
-  icon,
-  title,
   description,
+  fullHeight = false,
+  icon,
   primaryAction,
   secondaryAction,
   size = 'md',
-  fullHeight = false,
   sx,
+  title,
+  variant = 'empty',
   ...rest
 }) => {
   const tone = TONES[variant] || TONES.empty
diff --git a/src/components/common/FilterBar.jsx b/src/components/common/FilterBar.jsx
index 25472d6..503d15b 100644
--- a/src/components/common/FilterBar.jsx
+++ b/src/components/common/FilterBar.jsx
@@ -10,9 +10,10 @@ import {
   Typography,
 } from '@mui/joy'
 import { useState } from 'react'
+
 import AppModal from './AppModal'
-import ModalActions from './ModalActions'
 import ActiveFilterChips from './filter/ActiveFilterChips'
+import ModalActions from './ModalActions'
 
 /**
  * Reusable filter bar component.
@@ -141,17 +142,17 @@ const fmtDisplayDate = iso => {
 // ── Component ────────────────────────────────────────────────────────────────
 
 const FilterBar = ({
-  filterDefs,
   activeFilters,
-  onSetFilter,
+  filterDefs,
   onClearAll,
-  resultCount,
-  totalCount,
+  onOpenChange,
+  onSetFilter,
+  open,
   // When the host renders its own trigger (e.g. an icon button in a toolbar
   // row), it drives the sheet through `open`/`onOpenChange` and hides ours.
-  open,
-  onOpenChange,
+  resultCount,
   showTrigger = true,
+  totalCount,
 }) => {
   const [internalOpen, setInternalOpen] = useState(false)
   const isControlled = open !== undefined
diff --git a/src/components/common/KeyboardShortcutHint.jsx b/src/components/common/KeyboardShortcutHint.jsx
index caaf7b3..ba62cb3 100644
--- a/src/components/common/KeyboardShortcutHint.jsx
+++ b/src/components/common/KeyboardShortcutHint.jsx
@@ -9,10 +9,10 @@ import PropTypes from 'prop-types'
 function KeyboardShortcutHint({
   shortcut,
   show = true,
-  withCmd = true,
-  withCtrl, // Legacy prop for backward compatibility
-  withShift = false,
   sx = {},
+  withCmd = true, // Legacy prop for backward compatibility
+  withCtrl,
+  withShift = false,
   ...props
 }) {
   if (!show) return null
diff --git a/src/components/common/ModalActions.jsx b/src/components/common/ModalActions.jsx
index 23e67d7..da253da 100644
--- a/src/components/common/ModalActions.jsx
+++ b/src/components/common/ModalActions.jsx
@@ -16,12 +16,12 @@ const ActionButton = ({ action, defaults, sx }) => {
  * primary action is always the final, highest-emphasis control.
  */
 const ModalActions = ({
+  children,
   primary,
   secondary,
-  tertiary,
-  children,
   stackOnMobile = false,
   sx,
+  tertiary,
 }) => {
   const responsiveButtonStyles = stackOnMobile
     ? { '& > button': { width: { xs: '100%', sm: 'auto' } } }
diff --git a/src/components/common/filter/ActiveFilterChips.jsx b/src/components/common/filter/ActiveFilterChips.jsx
index faef0df..c56067f 100644
--- a/src/components/common/filter/ActiveFilterChips.jsx
+++ b/src/components/common/filter/ActiveFilterChips.jsx
@@ -1,6 +1,5 @@
 import { Add, Close } from '@mui/icons-material'
 import { Box, Button, Chip, ChipDelete, Typography } from '@mui/joy'
-
 import { useTranslation } from 'react-i18next'
 
 const ActiveFilterChips = ({
diff --git a/src/contexts/QueryContext.jsx b/src/contexts/QueryContext.jsx
index fb2469b..cedace5 100644
--- a/src/contexts/QueryContext.jsx
+++ b/src/contexts/QueryContext.jsx
@@ -1,5 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { useEffect, useState } from 'react'
+
 import { initWidgetSync } from '../service/WidgetService'
 
 const QueryContext = ({ children }) => {
diff --git a/src/contexts/SSEContext.jsx b/src/contexts/SSEContext.jsx
index 59f2195..1aaaaa8 100644
--- a/src/contexts/SSEContext.jsx
+++ b/src/contexts/SSEContext.jsx
@@ -1,4 +1,5 @@
 import { createContext, useContext } from 'react'
+
 import { useSSE } from '../hooks/useSSE'
 
 export const SSEContext = createContext({
diff --git a/src/hooks/NetworkManager.jsx b/src/hooks/NetworkManager.jsx
index 3a5894c..287dde1 100644
--- a/src/hooks/NetworkManager.jsx
+++ b/src/hooks/NetworkManager.jsx
@@ -1,4 +1,5 @@
 import { Network } from '@capacitor/network'
+
 import { isOfflineFeatureEnabled } from '../utils/OfflineFeatureToggle'
 
 class NetworkManager {
diff --git a/src/hooks/useAcknowledgmentModal.js b/src/hooks/useAcknowledgmentModal.js
index 5482c9f..c7f7074 100644
--- a/src/hooks/useAcknowledgmentModal.js
+++ b/src/hooks/useAcknowledgmentModal.js
@@ -36,4 +36,4 @@ const useAcknowledgmentModal = () => {
   }
 }
 
-export default useAcknowledgmentModal
\ No newline at end of file
+export default useAcknowledgmentModal
diff --git a/src/hooks/useAnimations.js b/src/hooks/useAnimations.js
index 7ecc5b2..152642e 100644
--- a/src/hooks/useAnimations.js
+++ b/src/hooks/useAnimations.js
@@ -8,7 +8,7 @@ export const useReducedMotion = () => {
     const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)')
     setPrefersReducedMotion(mediaQuery.matches)
 
-    const handleChange = (event) => {
+    const handleChange = event => {
       setPrefersReducedMotion(event.matches)
     }
 
@@ -32,13 +32,13 @@ export const useStaggeredAnimation = (itemCount, delay = 50) => {
     }
 
     const timeouts = []
-    
+
     // Stagger the appearance of items
     for (let i = 0; i < itemCount; i++) {
       const timeout = setTimeout(() => {
         setVisibleItems(prev => new Set([...prev, i]))
       }, i * delay)
-      
+
       timeouts.push(timeout)
     }
 
@@ -62,7 +62,7 @@ export const useInViewAnimation = (threshold = 0.1) => {
       ([entry]) => {
         setIsInView(entry.isIntersecting)
       },
-      { threshold }
+      { threshold },
     )
 
     observer.observe(element)
diff --git a/src/hooks/useAuth.jsx b/src/hooks/useAuth.jsx
index efb93c0..0c30368 100644
--- a/src/hooks/useAuth.jsx
+++ b/src/hooks/useAuth.jsx
@@ -1,5 +1,6 @@
 import { createContext, useContext, useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
+
 import { apiClient } from '../utils/ApiClient'
 import { offlineDB } from '../utils/OfflineDB'
 import { clearAllTokens, saveTokens } from '../utils/TokenStorage'
diff --git a/src/hooks/useConfirmationModal.js b/src/hooks/useConfirmationModal.js
index 516f0ca..e9d6e4f 100644
--- a/src/hooks/useConfirmationModal.js
+++ b/src/hooks/useConfirmationModal.js
@@ -40,4 +40,4 @@ const useConfirmationModal = () => {
   }
 }
 
-export default useConfirmationModal
\ No newline at end of file
+export default useConfirmationModal
diff --git a/src/hooks/useDescriptionHtml.js b/src/hooks/useDescriptionHtml.js
index ca2f237..59c21dd 100644
--- a/src/hooks/useDescriptionHtml.js
+++ b/src/hooks/useDescriptionHtml.js
@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+
 import { patchDescriptionHtml } from '../utils/ImageCache'
 
 // Returns description HTML safe to render: embedded images with an expired
diff --git a/src/hooks/useDocumentScanner.js b/src/hooks/useDocumentScanner.js
index 1b3c827..d8fd918 100644
--- a/src/hooks/useDocumentScanner.js
+++ b/src/hooks/useDocumentScanner.js
@@ -10,8 +10,14 @@ import { Capacitor } from '@capacitor/core'
 function normalizeScannedImage(raw) {
   if (!raw) return null
   if (raw.startsWith('data:')) return raw
-  if (raw.startsWith('http://') || raw.startsWith('https://') || raw.startsWith('content://')) return raw
-  if (raw.startsWith('/') || raw.startsWith('file://')) return Capacitor.convertFileSrc(raw)
+  if (
+    raw.startsWith('http://') ||
+    raw.startsWith('https://') ||
+    raw.startsWith('content://')
+  )
+    return raw
+  if (raw.startsWith('/') || raw.startsWith('file://'))
+    return Capacitor.convertFileSrc(raw)
   // iOS base64 without prefix
   return `data:image/jpeg;base64,${raw}`
 }
@@ -25,11 +31,16 @@ function normalizeScannedImage(raw) {
 export function useDocumentScanner() {
   const isNativeScanner = Capacitor.isNativePlatform()
 
-  const scanDocument = async ({ maxDocuments = 1, quality = 90, letUserAdjustCrop = false } = {}) => {
+  const scanDocument = async ({
+    letUserAdjustCrop = false,
+    maxDocuments = 1,
+    quality = 90,
+  } = {}) => {
     if (!isNativeScanner) return { image: null, cancelled: false }
 
     try {
-      const { DocumentScanner } = await import('@capgo/capacitor-document-scanner')
+      const { DocumentScanner } =
+        await import('@capgo/capacitor-document-scanner')
       const { scannedImages } = await DocumentScanner.scanDocument({
         croppedImageQuality: quality,
         maxNumDocuments: maxDocuments,
diff --git a/src/hooks/useFileUpload.js b/src/hooks/useFileUpload.js
index f4430b4..9e3299c 100644
--- a/src/hooks/useFileUpload.js
+++ b/src/hooks/useFileUpload.js
@@ -1,11 +1,11 @@
 import imageCompression from 'browser-image-compression'
 import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 
 import { useUserProfile } from '../queries/UserQueries'
 import { useNotification } from '../service/NotificationProvider'
 import { apiClient } from '../utils/ApiClient'
 import { isPlusAccount, resolvePhotoURL } from '../utils/Helpers'
-import { useTranslation } from 'react-i18next'
 
 export const useFileUpload = ({
   draftId,
diff --git a/src/hooks/usePendingCommands.js b/src/hooks/usePendingCommands.js
index 47df642..fc3187c 100644
--- a/src/hooks/usePendingCommands.js
+++ b/src/hooks/usePendingCommands.js
@@ -1,4 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
+
 import { commandQueue } from '../utils/CommandQueue'
 
 // Hook to get pending commands for a specific chore (for showing pending badges/undo)
diff --git a/src/hooks/useResponsiveModal.js b/src/hooks/useResponsiveModal.js
index 3d85452..03dc29b 100644
--- a/src/hooks/useResponsiveModal.js
+++ b/src/hooks/useResponsiveModal.js
@@ -1,5 +1,6 @@
 import useMediaQuery from '@mui/material/useMediaQuery'
 import { createElement } from 'react'
+
 import AppModal from '../components/common/AppModal'
 
 const MobileAppModal = props =>
diff --git a/src/hooks/useSSE.js b/src/hooks/useSSE.js
index 661e57b..f326b14 100644
--- a/src/hooks/useSSE.js
+++ b/src/hooks/useSSE.js
@@ -2,12 +2,13 @@ import { Capacitor } from '@capacitor/core'
 import { useQueryClient } from '@tanstack/react-query'
 import { EventSourcePolyfill } from 'event-source-polyfill'
 import { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import { useUserProfile } from '../queries/UserQueries'
 import { useAlerts } from '../service/AlertsProvider'
 import { useNotification } from '../service/NotificationProvider'
 import { apiClient } from '../utils/ApiClient'
 import { useAuth } from './useAuth.jsx'
-import { useTranslation } from 'react-i18next'
 
 const SSE_STATES = {
   CONNECTING: 0,
diff --git a/src/hooks/useSSEContext.js b/src/hooks/useSSEContext.js
index af15e58..991f044 100644
--- a/src/hooks/useSSEContext.js
+++ b/src/hooks/useSSEContext.js
@@ -1,4 +1,5 @@
 import { useContext } from 'react'
+
 import { SSEContext } from '../contexts/SSEContext'
 
 export const useSSEContext = () => {
diff --git a/src/queries/ResourceQueries.jsx b/src/queries/ResourceQueries.jsx
index 343a839..e12bbea 100644
--- a/src/queries/ResourceQueries.jsx
+++ b/src/queries/ResourceQueries.jsx
@@ -1,4 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
+
 import { GetResource } from '../utils/Fetcher'
 
 // Helper to check if we have a valid token
@@ -13,7 +14,7 @@ const isTokenValid = () => {
 }
 
 export const useResource = () => {
-  const { data, isLoading, error, refetch } = useQuery({
+  const { data, error, isLoading, refetch } = useQuery({
     queryKey: ['resource'],
     queryFn: async () => {
       const response = await GetResource()
diff --git a/src/queries/SubtaskQueries.jsx b/src/queries/SubtaskQueries.jsx
index 14f57ab..3ba9493 100644
--- a/src/queries/SubtaskQueries.jsx
+++ b/src/queries/SubtaskQueries.jsx
@@ -1,4 +1,5 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query'
+
 import { networkManager } from '../hooks/NetworkManager'
 import { CompleteSubTask, SaveChore } from '../utils/Fetcher'
 
diff --git a/src/queries/ThingQueries.jsx b/src/queries/ThingQueries.jsx
index d655795..2983972 100644
--- a/src/queries/ThingQueries.jsx
+++ b/src/queries/ThingQueries.jsx
@@ -1,4 +1,5 @@
 import { useInfiniteQuery } from '@tanstack/react-query'
+
 import { GetThingHistory } from '../utils/Fetcher'
 
 export const useThingHistory = (thingId, limit = 10) => {
diff --git a/src/queries/TimeQueries.jsx b/src/queries/TimeQueries.jsx
index 074b258..f4632e0 100644
--- a/src/queries/TimeQueries.jsx
+++ b/src/queries/TimeQueries.jsx
@@ -1,4 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+
 import {
   ClearChoreTimer,
   DeleteTimeSession,
@@ -56,7 +57,7 @@ export const useUpdateTimeSession = () => {
   const queryClient = useQueryClient()
 
   return useMutation({
-    mutationFn: ({ choreId, sessionId, sessionData }) =>
+    mutationFn: ({ choreId, sessionData, sessionId }) =>
       UpdateTimeSession(choreId, sessionId, sessionData),
     onSuccess: (_, { choreId }) => {
       queryClient.invalidateQueries(['choreTimer', choreId])
diff --git a/src/service/AIPromptCache.js b/src/service/AIPromptCache.js
index d86393e..b543b5b 100644
--- a/src/service/AIPromptCache.js
+++ b/src/service/AIPromptCache.js
@@ -22,7 +22,9 @@ export function isCacheEnabled() {
 export function setCacheEnabled(enabled) {
   try {
     localStorage.setItem(ENABLED_KEY, String(enabled))
-  } catch { /* ignore */ }
+  } catch {
+    /* ignore */
+  }
 }
 
 export function hashContent(content) {
@@ -56,7 +58,9 @@ export function setCached(hash, value) {
       index.push(hash)
       localStorage.setItem(INDEX_KEY, JSON.stringify(index))
     }
-  } catch { /* storage full, ignore */ }
+  } catch {
+    /* storage full, ignore */
+  }
 }
 
 export function getCacheStats() {
@@ -66,7 +70,15 @@ export function getCacheStats() {
 export function clearCache() {
   const index = getIndex()
   index.forEach(h => {
-    try { localStorage.removeItem(ENTRY_PREFIX + h) } catch { /* ignore */ }
+    try {
+      localStorage.removeItem(ENTRY_PREFIX + h)
+    } catch {
+      /* ignore */
+    }
   })
-  try { localStorage.removeItem(INDEX_KEY) } catch { /* ignore */ }
+  try {
+    localStorage.removeItem(INDEX_KEY)
+  } catch {
+    /* ignore */
+  }
 }
diff --git a/src/service/LocalAIService.js b/src/service/LocalAIService.js
index 6b3e1dd..b2eee80 100644
--- a/src/service/LocalAIService.js
+++ b/src/service/LocalAIService.js
@@ -1,4 +1,5 @@
 import { Capacitor } from '@capacitor/core'
+
 import { getCached, hashContent, setCached } from './AIPromptCache'
 
 // Native-only local AI service using @capacitor/local-llm.
@@ -74,14 +75,19 @@ class LocalAIService {
     await this.warmup()
     try {
       const { LocalLLM } = await import('@capacitor/local-llm')
-      const { text: out } = await LocalLLM.prompt({ prompt: text, sessionId: this._sessionId })
+      const { text: out } = await LocalLLM.prompt({
+        prompt: text,
+        sessionId: this._sessionId,
+      })
       return out?.trim() || null
     } finally {
       try {
         const { LocalLLM } = await import('@capacitor/local-llm')
         await LocalLLM.endSession({ sessionId: this._sessionId })
         this._warmedUp = false
-      } catch { /* ignore */ }
+      } catch {
+        /* ignore */
+      }
     }
   }
 
@@ -99,7 +105,9 @@ class LocalAIService {
     try {
       const systemMsg = messages.find(m => m.role === 'system')?.content || ''
       const userMsg = messages.find(m => m.role === 'user')?.content || ''
-      const result = await this._nativePrompt(`${systemMsg}\n\nUser: ${userMsg}\nAssistant:`)
+      const result = await this._nativePrompt(
+        `${systemMsg}\n\nUser: ${userMsg}\nAssistant:`,
+      )
       if (result) setCached(cacheHash, result)
       return result
     } catch (e) {
@@ -122,7 +130,10 @@ class LocalAIService {
     try {
       await this.warmup()
       const { LocalLLM } = await import('@capacitor/local-llm')
-      const { text } = await LocalLLM.prompt({ prompt, sessionId: this._sessionId })
+      const { text } = await LocalLLM.prompt({
+        prompt,
+        sessionId: this._sessionId,
+      })
       const result = text?.trim() || null
       if (result) setCached(cacheHash, result)
       return result
@@ -133,7 +144,9 @@ class LocalAIService {
         const { LocalLLM } = await import('@capacitor/local-llm')
         await LocalLLM.endSession({ sessionId: this._sessionId })
         this._warmedUp = false
-      } catch { /* ignore */ }
+      } catch {
+        /* ignore */
+      }
     }
   }
 }
diff --git a/src/service/NFCWriter.jsx b/src/service/NFCWriter.jsx
index cc6f37a..926a35d 100644
--- a/src/service/NFCWriter.jsx
+++ b/src/service/NFCWriter.jsx
@@ -42,7 +42,10 @@ export const decodeNdefUrl = record => {
 
 // Starts a native NFC write session. Calls onWaiting once scanning is active,
 // then onSuccess or onError when the write completes. Returns a cancel function.
-export const startNativeNFCWrite = async (url, { onWaiting, onSuccess, onError }) => {
+export const startNativeNFCWrite = async (
+  url,
+  { onError, onSuccess, onWaiting },
+) => {
   let listener = null
   let done = false
 
@@ -86,7 +89,7 @@ export const startNativeNFCWrite = async (url, { onWaiting, onSuccess, onError }
 
 // Starts a native NFC scan session for reading. Calls onTag(url) when a URL
 // NDEF record is found, or onError on failure. Returns a cancel function.
-export const startNativeScan = async ({ onTag, onError }) => {
+export const startNativeScan = async ({ onError, onTag }) => {
   let listener = null
   let done = false
 
diff --git a/src/service/VoiceInputService.js b/src/service/VoiceInputService.js
index 2383c2f..3818051 100644
--- a/src/service/VoiceInputService.js
+++ b/src/service/VoiceInputService.js
@@ -113,9 +113,8 @@ class VoiceInputService {
   async isSupported() {
     if (this.isNative) {
       try {
-        const { SpeechRecognition } = await import(
-          '@capacitor-community/speech-recognition'
-        )
+        const { SpeechRecognition } =
+          await import('@capacitor-community/speech-recognition')
         const { available } = await SpeechRecognition.available()
         return !!available
       } catch {
@@ -134,9 +133,8 @@ class VoiceInputService {
       return 'granted'
     }
     try {
-      const { SpeechRecognition } = await import(
-        '@capacitor-community/speech-recognition'
-      )
+      const { SpeechRecognition } =
+        await import('@capacitor-community/speech-recognition')
       const current = await SpeechRecognition.checkPermissions()
       if (current.speechRecognition === 'granted') return 'granted'
       const res = await SpeechRecognition.requestPermissions()
@@ -189,9 +187,8 @@ class VoiceInputService {
     if (this.isNative) {
       let SpeechRecognition
       try {
-        ;({ SpeechRecognition } = await import(
-          '@capacitor-community/speech-recognition'
-        ))
+        ;({ SpeechRecognition } =
+          await import('@capacitor-community/speech-recognition'))
         await withTimeout(SpeechRecognition.stop(), NATIVE_CALL_TIMEOUT_MS)
       } catch {
         // recognizer may already be stopped
@@ -282,9 +279,8 @@ class VoiceInputService {
   }
 
   async _startNative() {
-    const { SpeechRecognition } = await import(
-      '@capacitor-community/speech-recognition'
-    )
+    const { SpeechRecognition } =
+      await import('@capacitor-community/speech-recognition')
     await SpeechRecognition.removeAllListeners()
 
     await SpeechRecognition.addListener('partialResults', ({ matches }) => {
@@ -342,9 +338,8 @@ class VoiceInputService {
   }
 
   async _doRestartNative() {
-    const { SpeechRecognition } = await import(
-      '@capacitor-community/speech-recognition'
-    )
+    const { SpeechRecognition } =
+      await import('@capacitor-community/speech-recognition')
     try {
       await withTimeout(SpeechRecognition.stop(), NATIVE_CALL_TIMEOUT_MS)
     } catch {
diff --git a/src/service/WidgetService.js b/src/service/WidgetService.js
index a4c45b1..b054b5b 100644
--- a/src/service/WidgetService.js
+++ b/src/service/WidgetService.js
@@ -1,4 +1,5 @@
 import { Capacitor, registerPlugin } from '@capacitor/core'
+
 import { apiClient } from '../utils/ApiClient'
 
 // Native bridge implemented in ios/App/App/WidgetBridgePlugin.swift and
diff --git a/src/utils/ChoreCardHelpers.jsx b/src/utils/ChoreCardHelpers.jsx
index 01008f6..c1a3c69 100644
--- a/src/utils/ChoreCardHelpers.jsx
+++ b/src/utils/ChoreCardHelpers.jsx
@@ -19,7 +19,11 @@ const allMonths = [
  * @param {Object} chore - The chore object (needed for nextDueDate null check)
  * @returns {string} The formatted due date text
  */
-export const getDueDateChipText = (nextDueDate, chore, timeFormat = 'h:mm A') => {
+export const getDueDateChipText = (
+  nextDueDate,
+  chore,
+  timeFormat = 'h:mm A',
+) => {
   if (chore?.nextDueDate === null || nextDueDate === null) return 'No Due Date'
 
   const dueDate = moment(nextDueDate)
@@ -34,16 +38,22 @@ export const getDueDateChipText = (nextDueDate, chore, timeFormat = 'h:mm A') =>
     sameElse: `MMM D ${timeFormat}`,
   }
 
-
   // if time is 23:59:59, treat as end-of-day (date only, no specific time)
-  if (dueDate.hours() === 23 && dueDate.minutes() === 59 && dueDate.seconds() === 59) {
+  if (
+    dueDate.hours() === 23 &&
+    dueDate.minutes() === 59 &&
+    dueDate.seconds() === 59
+  ) {
     if (diff < 0) {
       // For overdue dates, show calendar format for recent dates
       const absDiff = Math.abs(diff)
       if (absDiff <= 48) {
         return (
           'Overdue ' +
-          moment(nextDueDate).calendar(null, calendarFormat).split(' ')[0].toLowerCase()
+          moment(nextDueDate)
+            .calendar(null, calendarFormat)
+            .split(' ')[0]
+            .toLowerCase()
         )
       }
       return 'Overdue ' + dueDate.fromNow()
diff --git a/src/utils/Chores.jsx b/src/utils/Chores.jsx
index 5697755..150852e 100644
--- a/src/utils/Chores.jsx
+++ b/src/utils/Chores.jsx
@@ -1,4 +1,5 @@
 import moment from 'moment'
+
 import { TASK_COLOR } from './Colors.jsx'
 
 const priorityOrder = [1, 2, 3, 4, 0]
@@ -213,7 +214,7 @@ export const ChoresGrouper = (groupBy, chores, filter) => {
     }
 
     case 'due_date': {
-      var { dateGroups: dueDateGroups, anytime: dueAnytime } =
+      var { anytime: dueAnytime, dateGroups: dueDateGroups } =
         buildActualDateGroups(chores)
       groups = [...dueDateGroups]
       if (dueAnytime.length > 0) {
diff --git a/src/utils/DateFormatter.js b/src/utils/DateFormatter.js
index b06cca5..6916e3f 100644
--- a/src/utils/DateFormatter.js
+++ b/src/utils/DateFormatter.js
@@ -1,10 +1,6 @@
 import moment from 'moment'
 
-export const createDateFormatter = (
-  dateFormat,
-  timeFormat,
-  firstDayOfWeek,
-) => {
+export const createDateFormatter = (dateFormat, timeFormat, firstDayOfWeek) => {
   moment.updateLocale('en', {
     week: {
       dow: firstDayOfWeek,
diff --git a/src/utils/Fetcher.jsx b/src/utils/Fetcher.jsx
index 1f3fc12..dcc4bb6 100644
--- a/src/utils/Fetcher.jsx
+++ b/src/utils/Fetcher.jsx
@@ -740,7 +740,7 @@ const DeleteUser = (password, confirmation, transferOptions = []) => {
 const UploadChoreAttachment = (
   file,
   entityType,
-  { entityId, draftId } = {},
+  { draftId, entityId } = {},
 ) => {
   const formData = new FormData()
   formData.append('file', file)
@@ -986,11 +986,6 @@ const TrackFilterUsage = id => {
 
 export {
   AcceptCircleMemberRequest,
-  DeleteChoreAttachment,
-  DeleteDraftAttachment,
-  GetChoreAttachments,
-  SignAssetURL,
-  UploadChoreAttachment,
   ApproveChore,
   ArchiveChore,
   CancelSubscription,
@@ -1010,8 +1005,10 @@ export {
   CreateThing,
   DeleteChildUser,
   DeleteChore,
+  DeleteChoreAttachment,
   DeleteChoreHistory,
   DeleteCircleMember,
+  DeleteDraftAttachment,
   DeleteFilter,
   DeleteLabel,
   DeleteLongLiveToken,
@@ -1024,6 +1021,7 @@ export {
   GetAllUsers,
   GetArchivedChores,
   GetChildUsers,
+  GetChoreAttachments,
   GetChoreByID,
   GetChoreDetailById,
   GetChoreHistory,
@@ -1069,6 +1067,7 @@ export {
   SaveChore,
   SaveThing,
   SetupMFA,
+  SignAssetURL,
   signUp,
   SkipChore,
   StartChore,
@@ -1091,5 +1090,6 @@ export {
   UpdateThingState,
   UpdateTimeSession,
   UpdateUserDetails,
+  UploadChoreAttachment,
   VerifyMFA,
 }
diff --git a/src/utils/FilterEngine.js b/src/utils/FilterEngine.js
index 56b0ea3..21cb46c 100644
--- a/src/utils/FilterEngine.js
+++ b/src/utils/FilterEngine.js
@@ -13,7 +13,7 @@
  * @returns {boolean} - Whether the chore matches the condition
  */
 export const evaluateCondition = (chore, condition, context = {}) => {
-  const { type, operator, value } = condition
+  const { operator, type, value } = condition
 
   switch (type) {
     case 'assignee':
@@ -343,7 +343,7 @@ export const getFilterOverdueCount = (chores, filter, context = {}) => {
  * @returns {Object} - { isValid: boolean, issues: Array }
  */
 export const validateFilter = (filter, context = {}) => {
-  const { members = [], labels = [], projects = [] } = context
+  const { labels = [], members = [], projects = [] } = context
   const issues = []
 
   if (!filter.conditions || filter.conditions.length === 0) {
diff --git a/src/utils/ImageCache.js b/src/utils/ImageCache.js
index b77ccea..a3a17c5 100644
--- a/src/utils/ImageCache.js
+++ b/src/utils/ImageCache.js
@@ -273,7 +273,7 @@ const patchDescriptionHtml = async (html, meta = {}) => {
   const images = extractDescriptionImages(html)
   if (images.length === 0) return html
   let patched = html
-  for (const { path, src, rawSrc } of images) {
+  for (const { path, rawSrc, src } of images) {
     try {
       const nextSrc = await getImageSrc(path, src, {
         kind: 'description',
diff --git a/src/utils/OfflineDB.js b/src/utils/OfflineDB.js
index 34b12c1..665e944 100644
--- a/src/utils/OfflineDB.js
+++ b/src/utils/OfflineDB.js
@@ -1,5 +1,6 @@
-import { CapacitorSQLite } from '@capacitor-community/sqlite'
 import { Capacitor } from '@capacitor/core'
+import { CapacitorSQLite } from '@capacitor-community/sqlite'
+
 import { isOfflineFeatureEnabled } from './OfflineFeatureToggle'
 
 const DB_NAME = 'donetick_offline'
@@ -630,7 +631,7 @@ class IndexedDBBackend {
   async saveChores(chores) {
     if (!chores.length) return
 
-    const { tx, store } = await this._tx('cached_chores', 'readwrite')
+    const { store, tx } = await this._tx('cached_chores', 'readwrite')
 
     for (const chore of chores) {
       store.put({
@@ -670,7 +671,7 @@ class IndexedDBBackend {
 
   async deleteChores(ids) {
     if (!ids.length) return
-    const { tx, store } = await this._tx('cached_chores', 'readwrite')
+    const { store, tx } = await this._tx('cached_chores', 'readwrite')
     for (const id of ids) {
       store.delete(id)
     }
@@ -693,7 +694,7 @@ class IndexedDBBackend {
     const choreIds = [...new Set(entries.map(e => Number(e.choreId)))]
     await this._deletePendingHistoryByChoreIds(choreIds)
     // Upsert real entries
-    const { tx, store } = await this._tx('cached_history', 'readwrite')
+    const { store, tx } = await this._tx('cached_history', 'readwrite')
     for (const entry of entries) {
       store.put({
         id: entry.id,
@@ -736,7 +737,7 @@ class IndexedDBBackend {
       .map(row => row.id)
     if (!toDelete.length) return
     // Tx 2: delete them
-    const { tx, store: writeStore } = await this._tx(
+    const { store: writeStore, tx } = await this._tx(
       'cached_history',
       'readwrite',
     )
@@ -772,7 +773,7 @@ class IndexedDBBackend {
 
   async deleteHistory(ids) {
     if (!ids.length) return
-    const { tx, store } = await this._tx('cached_history', 'readwrite')
+    const { store, tx } = await this._tx('cached_history', 'readwrite')
     for (const id of ids) {
       store.delete(id)
     }
diff --git a/src/utils/SyncEngine.js b/src/utils/SyncEngine.js
index b9143b2..e3d17be 100644
--- a/src/utils/SyncEngine.js
+++ b/src/utils/SyncEngine.js
@@ -194,7 +194,7 @@ class SyncEngine {
         break
 
       case CommandType.COMPLETE_CHORE: {
-        const { id, body, completedDate, performer } = cmd.payload
+        const { body, completedDate, id, performer } = cmd.payload
         response = await MarkChoreComplete(
           id,
           body || {},
@@ -221,7 +221,7 @@ class SyncEngine {
         break
 
       case CommandType.UPDATE_CHORE_HISTORY: {
-        const { choreId, historyId, historyData } = cmd.payload
+        const { choreId, historyData, historyId } = cmd.payload
         response = await UpdateChoreHistory(choreId, historyId, historyData)
         break
       }
@@ -233,7 +233,7 @@ class SyncEngine {
       }
 
       case CommandType.RESCHEDULE_CHORE: {
-        const { id, dueDate } = cmd.payload
+        const { dueDate, id } = cmd.payload
         response = await UpdateDueDate(id, dueDate)
         break
       }
diff --git a/src/utils/UserHelpers.js b/src/utils/UserHelpers.js
index 188b936..2eabb96 100644
--- a/src/utils/UserHelpers.js
+++ b/src/utils/UserHelpers.js
@@ -5,48 +5,52 @@ export const USER_TYPES = {
   CHILD: 1,
 }
 
-export const isParentUser = (user) => {
+export const isParentUser = user => {
   if (!user) return false
   return user.userType === USER_TYPES.PARENT && !user.parentUserId
 }
 
-export const isChildUser = (user) => {
+export const isChildUser = user => {
   if (!user) return false
   return user.userType === USER_TYPES.CHILD && user.parentUserId !== null
 }
 
-export const canManageChildUsers = (user) => {
+export const canManageChildUsers = user => {
   return isParentUser(user)
 }
 
-export const canCreateChores = (user) => {
+export const canCreateChores = user => {
   // Both parent and child users can create chores
   return user && (isParentUser(user) || isChildUser(user))
 }
 
-export const canManageCircle = (user) => {
+export const canManageCircle = user => {
   // Only parent users can manage circle settings
   return isParentUser(user)
 }
 
-export const canAccessAdminSettings = (user) => {
+export const canAccessAdminSettings = user => {
   // Only parent users can access admin settings like API tokens, MFA, etc.
   return isParentUser(user)
 }
 
-export const getUserDisplayInfo = (user) => {
+export const getUserDisplayInfo = user => {
   if (!user) return { displayName: '', username: '', userType: 'unknown' }
 
   return {
     displayName: user.displayName || user.username,
     username: user.username,
-    userType: isParentUser(user) ? 'parent' : isChildUser(user) ? 'child' : 'unknown',
+    userType: isParentUser(user)
+      ? 'parent'
+      : isChildUser(user)
+        ? 'child'
+        : 'unknown',
     parentUserId: user.parentUserId,
     circleID: user.circleID,
   }
 }
 
-export const getChildUsernameFromCombined = (combinedUsername) => {
+export const getChildUsernameFromCombined = combinedUsername => {
   // Extract child name from format: parent_child
   const parts = combinedUsername.split('_')
   if (parts.length >= 2) {
@@ -55,7 +59,7 @@ export const getChildUsernameFromCombined = (combinedUsername) => {
   return combinedUsername
 }
 
-export const getParentUsernameFromCombined = (combinedUsername) => {
+export const getParentUsernameFromCombined = combinedUsername => {
   // Extract parent name from format: parent_child
   const parts = combinedUsername.split('_')
   return parts[0] || combinedUsername
@@ -63,4 +67,4 @@ export const getParentUsernameFromCombined = (combinedUsername) => {
 
 export const buildChildUsername = (parentUsername, childName) => {
   return `${parentUsername}_${childName}`
-}
\ No newline at end of file
+}
diff --git a/src/views/Authorization/AuthFields.jsx b/src/views/Authorization/AuthFields.jsx
index 30c308d..ca48431 100644
--- a/src/views/Authorization/AuthFields.jsx
+++ b/src/views/Authorization/AuthFields.jsx
@@ -13,11 +13,12 @@ import {
 } from '@mui/joy'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import { authButtonSx, authInputSx } from './authStyles'
 
 const labelSx = { fontSize: '0.875rem', fontWeight: 600, mb: 0.75 }
 
-export const AuthField = ({ label, error, helper, children, ...formProps }) => (
+export const AuthField = ({ children, error, helper, label, ...formProps }) => (
   <FormControl error={Boolean(error)} {...formProps}>
     <FormLabel sx={labelSx}>{label}</FormLabel>
     {children}
@@ -34,16 +35,16 @@ export const AuthField = ({ label, error, helper, children, ...formProps }) => (
   </FormControl>
 )
 
-export const AuthTextField = ({ label, error, helper, sx, ...inputProps }) => (
+export const AuthTextField = ({ error, helper, label, sx, ...inputProps }) => (
   <AuthField label={label} error={error} helper={helper} id={inputProps.id}>
     <Input size='lg' sx={{ ...authInputSx, ...sx }} {...inputProps} />
   </AuthField>
 )
 
 export const AuthPasswordField = ({
-  label,
   error,
   helper,
+  label,
   sx,
   ...inputProps
 }) => {
@@ -92,7 +93,7 @@ export const AuthSubmitButton = ({ children, sx, ...props }) => (
   </Button>
 )
 
-export const SocialButton = ({ icon, children, sx, ...props }) => (
+export const SocialButton = ({ children, icon, sx, ...props }) => (
   <Button
     type='button'
     size='lg'
diff --git a/src/views/Authorization/AuthShell.jsx b/src/views/Authorization/AuthShell.jsx
index 4b613de..8f4cc20 100644
--- a/src/views/Authorization/AuthShell.jsx
+++ b/src/views/Authorization/AuthShell.jsx
@@ -1,5 +1,6 @@
 import { Capacitor } from '@capacitor/core'
 import { Box, Sheet, Typography } from '@mui/joy'
+
 import Logo from '../../Logo'
 
 /**
@@ -8,18 +9,18 @@ import Logo from '../../Logo'
  * its own safe-area padding (the top inset is already reserved by NavBar).
  */
 const AuthShell = ({
-  title,
-  subtitle,
   action,
   children,
   footer,
   logoSize = 48,
+  showLogo = !Capacitor.isNativePlatform(),
+  subtitle,
   // In the app the user already came through the app icon and the Get Started
   // mark, so repeating it here is noise. On the web these routes are the first
   // thing a visitor sees — often on a self-hosted domain, and with no navbar —
   // so the mark is the only thing identifying the app. Views reached from an
   // emailed link override this to always show it.
-  showLogo = !Capacitor.isNativePlatform(),
+  title,
 }) => {
   return (
     <Box
diff --git a/src/views/Authorization/Authenticating.jsx b/src/views/Authorization/Authenticating.jsx
index 1670882..53850a9 100644
--- a/src/views/Authorization/Authenticating.jsx
+++ b/src/views/Authorization/Authenticating.jsx
@@ -1,16 +1,16 @@
-import { Box, Button, LinearProgress } from '@mui/joy'
-import { useEffect, useState } from 'react'
-
 import { Capacitor } from '@capacitor/core'
+import { Box, Button, LinearProgress } from '@mui/joy'
 import Cookies from 'js-cookie'
+import { useEffect, useState } from 'react'
 import { useRef } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Link, useNavigate, useParams } from 'react-router-dom'
+
 import { useUserProfile } from '../../queries/UserQueries'
 import { apiClient } from '../../utils/ApiClient'
-import { endOAuthExchange } from '../../utils/OAuthExchangeState'
 import { GetUserProfile } from '../../utils/Fetcher'
+import { endOAuthExchange } from '../../utils/OAuthExchangeState'
 import { saveTokens } from '../../utils/TokenStorage'
-import { useTranslation } from 'react-i18next'
 import AuthShell from './AuthShell'
 import { authButtonSx } from './authStyles'
 import MFAVerificationModal from './MFAVerificationModal'
diff --git a/src/views/Authorization/ForgotPasswordView.jsx b/src/views/Authorization/ForgotPasswordView.jsx
index de6e0e8..14abb9e 100644
--- a/src/views/Authorization/ForgotPasswordView.jsx
+++ b/src/views/Authorization/ForgotPasswordView.jsx
@@ -3,6 +3,7 @@ import { Box, Button, Link, Typography } from '@mui/joy'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import { useNotification } from '../../service/NotificationProvider'
 import { ResetPassword } from '../../utils/Fetcher'
 import { AuthSubmitButton, AuthTextField, LegalLinks } from './AuthFields'
diff --git a/src/views/Authorization/LoginSettings.jsx b/src/views/Authorization/LoginSettings.jsx
index 3087c3d..f7d017c 100644
--- a/src/views/Authorization/LoginSettings.jsx
+++ b/src/views/Authorization/LoginSettings.jsx
@@ -4,7 +4,9 @@ import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline'
 import WifiIcon from '@mui/icons-material/Wifi'
 import { Alert, Box, Button, CircularProgress, Typography } from '@mui/joy'
 import React from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import { API_URL } from '../../Config'
 import { useResource } from '../../queries/ResourceQueries'
 import { apiClient } from '../../utils/ApiClient'
@@ -12,7 +14,6 @@ import { offlineDB } from '../../utils/OfflineDB'
 import { AuthSubmitButton, AuthTextField } from './AuthFields'
 import AuthShell from './AuthShell'
 import { authButtonSx } from './authStyles'
-import { useTranslation } from 'react-i18next'
 
 const CONNECTION_TIMEOUT_MS = 8000
 
@@ -106,8 +107,7 @@ const LoginSettings = () => {
           ) {
             return {
               ok: false,
-              message:
-                t('server.dnsFailed'),
+              message: t('server.dnsFailed'),
             }
           }
           return {
@@ -119,16 +119,14 @@ const LoginSettings = () => {
         // no-cors also timed out → server/host truly unreachable
         return {
           ok: false,
-          message:
-            t('server.unreachable'),
+          message: t('server.unreachable'),
         }
       }
 
       // Fallback (should rarely hit)
       return {
         ok: false,
-        message:
-          t('server.unreachable'),
+        message: t('server.unreachable'),
       }
     }
   }
@@ -145,9 +143,7 @@ const LoginSettings = () => {
 
     if (!isValidURL(trimmedURL)) {
       setStatus('error')
-      setErrorMessage(
-        t('server.invalidUrl'),
-      )
+      setErrorMessage(t('server.invalidUrl'))
       return
     }
 
diff --git a/src/views/Authorization/LoginView.jsx b/src/views/Authorization/LoginView.jsx
index ab5e492..626f2e4 100644
--- a/src/views/Authorization/LoginView.jsx
+++ b/src/views/Authorization/LoginView.jsx
@@ -35,7 +35,7 @@ import AuthShell from './AuthShell'
 import { authButtonSx } from './authStyles'
 import MFAVerificationModal from './MFAVerificationModal'
 
-const SegmentedControl = ({ value, onChange, options }) => (
+const SegmentedControl = ({ onChange, options, value }) => (
   <Box
     role='tablist'
     sx={{
@@ -582,7 +582,7 @@ const LoginView = () => {
             discoveryDocs='claims_supported'
             access_type='online'
             isOnlyGetToken={true}
-            onResolve={({ provider, data }) => {
+            onResolve={({ data, provider }) => {
               loggedWithProvider(provider, data)
             }}
             onReject={() => {
diff --git a/src/views/Authorization/MFAVerificationModal.jsx b/src/views/Authorization/MFAVerificationModal.jsx
index 6bf4011..340937d 100644
--- a/src/views/Authorization/MFAVerificationModal.jsx
+++ b/src/views/Authorization/MFAVerificationModal.jsx
@@ -1,18 +1,18 @@
 import { Alert, Box, Input, Link, Stack, Typography } from '@mui/joy'
 import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 
 import ModalActions from '../../components/common/ModalActions'
 import { useResponsiveModal } from '../../hooks/useResponsiveModal'
 import { VerifyMFA } from '../../utils/Fetcher'
 import { authInputSx } from './authStyles'
-import { useTranslation } from 'react-i18next'
 
 const MFAVerificationModal = ({
-  open,
   onClose,
-  sessionToken,
-  onSuccess,
   onError,
+  onSuccess,
+  open,
+  sessionToken,
 }) => {
   const { t } = useTranslation('auth')
   const [verificationCode, setVerificationCode] = useState('')
@@ -38,8 +38,7 @@ const MFAVerificationModal = ({
         onSuccess(data)
       } else {
         const errorData = await response.json()
-        const message =
-          errorData.message || t('mfaModal.invalidCode')
+        const message = errorData.message || t('mfaModal.invalidCode')
         setError(message)
         onError?.(message)
       }
@@ -77,9 +76,7 @@ const MFAVerificationModal = ({
       size='md'
       title={t('mfaModal.title')}
       description={
-        isBackupCode
-          ? t('mfaModal.backupHint')
-          : t('mfaModal.codeHint')
+        isBackupCode ? t('mfaModal.backupHint') : t('mfaModal.codeHint')
       }
       closeOnBackdrop={!loading}
       closeOnEscape={!loading}
@@ -112,7 +109,9 @@ const MFAVerificationModal = ({
           <Input
             id='mfa-code'
             size='lg'
-            placeholder={isBackupCode ? t('mfaModal.backupPlaceholder') : '000000'}
+            placeholder={
+              isBackupCode ? t('mfaModal.backupPlaceholder') : '000000'
+            }
             value={verificationCode}
             onChange={e => setVerificationCode(e.target.value)}
             onKeyDown={handleKeyDown}
diff --git a/src/views/Authorization/Signup.jsx b/src/views/Authorization/Signup.jsx
index debe00f..d7249eb 100644
--- a/src/views/Authorization/Signup.jsx
+++ b/src/views/Authorization/Signup.jsx
@@ -39,8 +39,7 @@ const SignupView = () => {
     if (!result.success) {
       showError({
         title: 'Almost there',
-        message:
-          t('signupSignInFailed'),
+        message: t('signupSignInFailed'),
       })
       Navigate('/login')
       return
diff --git a/src/views/ChoreEdit/ChoreView.jsx b/src/views/ChoreEdit/ChoreView.jsx
index e8b49b7..aede86f 100644
--- a/src/views/ChoreEdit/ChoreView.jsx
+++ b/src/views/ChoreEdit/ChoreView.jsx
@@ -41,6 +41,7 @@ import { useNavigate, useParams, useSearchParams } from 'react-router-dom'
 
 import { useImpersonateUser } from '../../contexts/ImpersonateUserContext.jsx'
 import { useLocalization } from '../../contexts/LocalizationContext'
+import { useDescriptionHtml } from '../../hooks/useDescriptionHtml'
 import { usePendingCommands } from '../../hooks/usePendingCommands'
 import {
   useChoreDetails,
@@ -80,12 +81,6 @@ import {
 } from '../../utils/Fetcher'
 import { offlineDB } from '../../utils/OfflineDB'
 import { getSafeBottomPadding } from '../../utils/SafeAreaUtils.js'
-import AttachmentBrowserModal from '../Modals/Inputs/AttachmentBrowserModal'
-import ConfirmationModal from '../Modals/Inputs/ConfirmationModal'
-import NoteViewerModal from '../Modals/Inputs/NoteViewerModal'
-import NudgeModal from '../Modals/Inputs/NudgeModal'
-import SelectModal from '../Modals/Inputs/SelectModal'
-import WriteNFCModal from '../Modals/Inputs/WriteNFCModal'
 import ChoreActionMenu from '../components/ChoreActionMenu'
 import DueDatePickerModal, {
   combineDueDate,
@@ -95,9 +90,14 @@ import LoadingComponent from '../components/Loading.jsx'
 import PendingBadge from '../components/PendingBadge'
 import RichTextEditor from '../components/RichTextEditor.jsx'
 import SubTasks from '../components/SubTask.jsx'
+import AttachmentBrowserModal from '../Modals/Inputs/AttachmentBrowserModal'
+import ConfirmationModal from '../Modals/Inputs/ConfirmationModal'
+import NoteViewerModal from '../Modals/Inputs/NoteViewerModal'
+import NudgeModal from '../Modals/Inputs/NudgeModal'
+import SelectModal from '../Modals/Inputs/SelectModal'
+import WriteNFCModal from '../Modals/Inputs/WriteNFCModal'
 import TimePassedCard from './TimePassedCard.jsx'
 import TimerSplitButton from './TimerSplitButton.jsx'
-import { useDescriptionHtml } from '../../hooks/useDescriptionHtml'
 
 const isNetworkError = err =>
   err instanceof TypeError && err.message === 'Failed to fetch'
@@ -130,7 +130,7 @@ const ChoreView = () => {
   const { choreId } = useParams()
   const [note, setNote] = useState(null)
   const queryClient = useQueryClient()
-  const { showSuccess, showError, showUndo } = useNotification()
+  const { showError, showSuccess, showUndo } = useNotification()
 
   const [searchParams] = useSearchParams()
 
diff --git a/src/views/ChoreEdit/ThingTriggerSection.jsx b/src/views/ChoreEdit/ThingTriggerSection.jsx
index 3636372..ae58cb6 100644
--- a/src/views/ChoreEdit/ThingTriggerSection.jsx
+++ b/src/views/ChoreEdit/ThingTriggerSection.jsx
@@ -13,8 +13,8 @@ import {
   Typography,
 } from '@mui/joy'
 import { useEffect, useState } from 'react'
-import { useNavigate } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
+import { useNavigate } from 'react-router-dom'
 const isValidTrigger = (thing, condition, triggerState) => {
   const newErrors = {}
   if (!thing || !triggerState) {
@@ -49,11 +49,11 @@ const isValidTrigger = (thing, condition, triggerState) => {
 }
 
 const ThingTriggerSection = ({
-  things,
+  isAttepmtingToSave,
   onTriggerUpdate,
   onValidate,
   selected,
-  isAttepmtingToSave,
+  things,
 }) => {
   const { t } = useTranslation('chores')
   const [selectedThing, setSelectedThing] = useState(null)
@@ -86,9 +86,7 @@ const ThingTriggerSection = ({
 
   return (
     <Card sx={{ mt: 1 }}>
-      <Typography level='h5'>
-        {t('thing.triggerHint')}
-      </Typography>
+      <Typography level='h5'>{t('thing.triggerHint')}</Typography>
       {things?.length === 0 && (
         <Typography level='body-sm'>
           it's look like you don't have any things yet, create a thing to
diff --git a/src/views/ChoreEdit/TimePassedCard.jsx b/src/views/ChoreEdit/TimePassedCard.jsx
index bed91bf..5268139 100644
--- a/src/views/ChoreEdit/TimePassedCard.jsx
+++ b/src/views/ChoreEdit/TimePassedCard.jsx
@@ -8,6 +8,7 @@ import {
 import { Box, Card, Chip, Typography } from '@mui/joy'
 import { useEffect, useRef, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
+
 import { useLocalization } from '../../contexts/LocalizationContext'
 
 const TimePassedCard = ({ chore, handleAction, onShowDetails }) => {
diff --git a/src/views/ChoreEdit/TimerSplitButton.jsx b/src/views/ChoreEdit/TimerSplitButton.jsx
index efa7ab1..fcce0b1 100644
--- a/src/views/ChoreEdit/TimerSplitButton.jsx
+++ b/src/views/ChoreEdit/TimerSplitButton.jsx
@@ -10,12 +10,12 @@ import { useEffect, useRef, useState } from 'react'
 
 const TimerSplitButton = ({
   chore,
-  onAction,
-  onShowDetails,
-  onResetTimer,
-  onClearAllTime,
   disabled = false,
   fullWidth = false,
+  onAction,
+  onClearAllTime,
+  onResetTimer,
+  onShowDetails,
 }) => {
   const [anchorEl, setAnchorEl] = useState(null)
   const isMenuOpen = Boolean(anchorEl)
diff --git a/src/views/Chores/ActivitesCard.jsx b/src/views/Chores/ActivitesCard.jsx
index b64ae3c..1a65e12 100644
--- a/src/views/Chores/ActivitesCard.jsx
+++ b/src/views/Chores/ActivitesCard.jsx
@@ -27,11 +27,12 @@ import {
 } from '@mui/joy'
 import moment from 'moment'
 import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import { useChores, useChoresHistory } from '../../queries/ChoreQueries'
 import { useCircleMembers } from '../../queries/UserQueries'
 import { resolvePhotoURL } from '../../utils/Helpers'
 import NoteViewerModal from '../Modals/Inputs/NoteViewerModal'
-import { useTranslation } from 'react-i18next'
 
 const ActivityItem = ({ activity, members, onViewNote }) => {
   const { t } = useTranslation('chores')
diff --git a/src/views/Chores/ArchivedTasks.jsx b/src/views/Chores/ArchivedTasks.jsx
index dfdefc2..bfe02fc 100644
--- a/src/views/Chores/ArchivedTasks.jsx
+++ b/src/views/Chores/ArchivedTasks.jsx
@@ -1109,7 +1109,10 @@ const ArchivedTasks = () => {
             }
             primaryAction={
               searchTerm
-                ? { label: t('archived.clearSearch'), onClick: handleSearchClose }
+                ? {
+                    label: t('archived.clearSearch'),
+                    onClick: handleSearchClose,
+                  }
                 : { label: t('archived.clearFilters'), onClick: clearAll }
             }
             secondaryAction={
diff --git a/src/views/Chores/ChoreListView.jsx b/src/views/Chores/ChoreListView.jsx
index c33fbb3..968d160 100644
--- a/src/views/Chores/ChoreListView.jsx
+++ b/src/views/Chores/ChoreListView.jsx
@@ -1,11 +1,12 @@
+import '@meauxt/react-swipeable-list/dist/styles.css'
+
 import {
-  Type as ListType,
   SwipeableList,
   SwipeableListItem,
   SwipeAction,
   TrailingActions,
+  Type as ListType,
 } from '@meauxt/react-swipeable-list'
-import '@meauxt/react-swipeable-list/dist/styles.css'
 import {
   Check,
   Delete,
@@ -19,6 +20,7 @@ import {
 import { Box, Typography } from '@mui/joy'
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import { useLongPress } from '../../hooks/useLongPress'
 import ChoreCard from './ChoreCard'
 import CompactChoreCard from './CompactChoreCard'
@@ -28,16 +30,16 @@ import CompactChoreCard from './CompactChoreCard'
  * can't live in the render loop because it needs a hook.
  */
 const ChoreSwipeableItem = ({
-  trailingActions,
+  children,
+  longPressEnabled,
   onClick,
   onLongPress,
-  longPressEnabled,
-  children,
+  trailingActions,
   // SwipeableList clones its children to inject list-level config
   // (listType, fullSwipe, thresholds…), so it has to be passed through.
   ...listProps
 }) => {
-  const { handlers: longPressHandlers, cancel: cancelLongPress } = useLongPress(
+  const { cancel: cancelLongPress, handlers: longPressHandlers } = useLongPress(
     onLongPress,
     { enabled: longPressEnabled },
   )
@@ -75,19 +77,19 @@ const ChoreSwipeableItem = ({
 
 const ChoreListView = ({
   chores,
-  viewMode,
-  membersData,
-  userLabels,
-  handleLabelFiltering,
   handleChoreAction,
+  handleLabelFiltering,
   isMultiSelectMode,
-  selectedChores,
-  toggleChoreSelection,
-  userProfile,
   isOfficialInstance,
-  toggleMultiSelectMode,
+  membersData,
   onLongPressChore,
+  selectedChores,
   showActions = true,
+  toggleChoreSelection,
+  toggleMultiSelectMode,
+  userLabels,
+  userProfile,
+  viewMode,
 }) => {
   const navigate = useNavigate()
   const { t } = useTranslation('chores')
@@ -204,7 +206,9 @@ const ChoreListView = ({
                   <Check sx={{ fontSize: 20 }} />
                 )}
                 <Typography level='body-xs' sx={{ mt: 0.5 }}>
-                  {chore.status !== 1 ? t('choreView.start') : t('list.complete')}
+                  {chore.status !== 1
+                    ? t('choreView.start')
+                    : t('list.complete')}
                 </Typography>
               </Box>
             </SwipeAction>
diff --git a/src/views/Chores/CompactChoreCard.jsx b/src/views/Chores/CompactChoreCard.jsx
index 8c172c7..43a34d2 100644
--- a/src/views/Chores/CompactChoreCard.jsx
+++ b/src/views/Chores/CompactChoreCard.jsx
@@ -11,6 +11,7 @@ import {
 import { Box, Checkbox, Chip, IconButton, Typography } from '@mui/joy'
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import { useImpersonateUser } from '../../contexts/ImpersonateUserContext.jsx'
 import { useLocalization } from '../../contexts/LocalizationContext'
 import { usePendingCommands } from '../../hooks/usePendingCommands'
@@ -30,17 +31,17 @@ import PendingBadge from '../components/PendingBadge'
 
 const CompactChoreCard = ({
   chore,
-  performers,
-  sx,
-  viewOnly,
-  showActions = true,
-  onChipClick,
-  onAction,
-  // Multi-select props
   isMultiSelectMode = false,
   isSelected = false,
+  onAction,
+  onChipClick,
   onSelectionToggle,
   onlyClickable = false,
+  // Multi-select props
+  performers,
+  showActions = true,
+  sx,
+  viewOnly,
 }) => {
   const navigate = useNavigate()
   const { t } = useTranslation('chores')
diff --git a/src/views/Chores/IconButtonWithMenu.jsx b/src/views/Chores/IconButtonWithMenu.jsx
index f3d94c6..1d87ce9 100644
--- a/src/views/Chores/IconButtonWithMenu.jsx
+++ b/src/views/Chores/IconButtonWithMenu.jsx
@@ -1,20 +1,21 @@
 import { Button, Chip, Menu, MenuItem, Typography } from '@mui/joy'
-import { useTranslation } from 'react-i18next'
 import IconButton from '@mui/joy/IconButton'
 import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import { getTextColorFromBackgroundColor } from '../../utils/Colors.jsx'
 
 const IconButtonWithMenu = ({
-  label,
-  k,
   icon,
-  options,
+  isActive,
+  k,
+  label,
   onItemSelect,
+  options,
   selectedItem,
   setSelectedItem,
-  isActive,
-  useChips,
   title,
+  useChips,
 }) => {
   const { t } = useTranslation('chores')
   const [anchorEl, setAnchorEl] = useState(null)
diff --git a/src/views/Chores/LocalNotificationScheduler.js b/src/views/Chores/LocalNotificationScheduler.js
index 2a3dfc3..fde737a 100644
--- a/src/views/Chores/LocalNotificationScheduler.js
+++ b/src/views/Chores/LocalNotificationScheduler.js
@@ -78,7 +78,7 @@ const scheduleNotificationFromTemplate = (
     const now = new Date()
     const time = getTimeFromTemplate(template, dueDate)
     const notificationId = getIdFromTemplate(chore.id, template)
-    const { title, body } = getNotificationText(
+    const { body, title } = getNotificationText(
       chore.name,
       template,
       dueDate,
diff --git a/src/views/Chores/MultiSelectHelp.jsx b/src/views/Chores/MultiSelectHelp.jsx
index 04dacf2..fe86346 100644
--- a/src/views/Chores/MultiSelectHelp.jsx
+++ b/src/views/Chores/MultiSelectHelp.jsx
@@ -1,9 +1,10 @@
 import { HelpOutline } from '@mui/icons-material'
 import { Box, Card, IconButton, Typography } from '@mui/joy'
 import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../components/common/ModalActions'
 import { useResponsiveModal } from '../../hooks/useResponsiveModal'
-import { useTranslation } from 'react-i18next'
 
 const MultiSelectHelp = ({ isVisible = true }) => {
   const { t } = useTranslation('chores')
@@ -102,7 +103,7 @@ const MultiSelectHelp = ({ isVisible = true }) => {
   )
 }
 
-const ShortcutItem = ({ keys, description }) => (
+const ShortcutItem = ({ description, keys }) => (
   <Box
     sx={{
       display: 'flex',
diff --git a/src/views/Chores/MyChores.jsx b/src/views/Chores/MyChores.jsx
index edd00c9..36f318d 100644
--- a/src/views/Chores/MyChores.jsx
+++ b/src/views/Chores/MyChores.jsx
@@ -23,6 +23,7 @@ import {
 import { useMediaQuery } from '@mui/material'
 import { useQueryClient } from '@tanstack/react-query'
 import { useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate, useSearchParams } from 'react-router-dom'
 
 import EmptyState from '../../components/common/EmptyState'
@@ -73,7 +74,6 @@ import {
 import NotificationAccessSnackbar from './NotificationAccessSnackbar'
 import Sidepanel from './Sidepanel'
 import { INSIGHT_FILTER_DEFS } from './SmartInsightsCard'
-import { useTranslation } from 'react-i18next'
 
 // Mirrors the assignee options in the toolbar, phrased to drop into a
 // sentence ("none of them are assigned to you").
@@ -1667,7 +1667,9 @@ const MyChores = () => {
             saveFilter(filter)
             showSuccess({
               title: t('list.advancedFilterCreated'),
-              message: t('list.advancedFilterCreatedMsg', { name: filter.name }),
+              message: t('list.advancedFilterCreatedMsg', {
+                name: filter.name,
+              }),
             })
           }
           setShowAdvancedFilterBuilder(false)
diff --git a/src/views/Chores/NotificationAccessSnackbar.jsx b/src/views/Chores/NotificationAccessSnackbar.jsx
index fe8979c..4a94e74 100644
--- a/src/views/Chores/NotificationAccessSnackbar.jsx
+++ b/src/views/Chores/NotificationAccessSnackbar.jsx
@@ -4,6 +4,7 @@ import { Preferences } from '@capacitor/preferences'
 import { Button, Snackbar, Stack, Typography } from '@mui/joy'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import { registerPushNotifications } from '../../CapacitorListener'
 
 const NotificationAccessSnackbar = () => {
diff --git a/src/views/Chores/Sidepanel.jsx b/src/views/Chores/Sidepanel.jsx
index a045249..0d16c07 100644
--- a/src/views/Chores/Sidepanel.jsx
+++ b/src/views/Chores/Sidepanel.jsx
@@ -1,6 +1,7 @@
 import { Box, Sheet } from '@mui/joy'
 import { useMediaQuery } from '@mui/material'
 import { useEffect, useState } from 'react'
+
 import { useChoresHistory } from '../../queries/ChoreQueries'
 import { ChoresGrouper } from '../../utils/Chores'
 import { getSidepanelConfig } from '../../utils/SidepanelConfig'
@@ -11,9 +12,9 @@ import TasksByAssigneeCard from './TasksByAssigneeCard'
 import UserSwitcher from './UserSwitcher'
 
 const Sidepanel = ({
-  chores,
   allChores,
   applyTempFilter,
+  chores,
   clearTempFilter,
   tempFilter,
 }) => {
@@ -22,8 +23,8 @@ const Sidepanel = ({
   const [sidepanelConfig, setSidepanelConfig] = useState([])
   const {
     data: choresHistory,
-    isChoresHistoryLoading,
     handleLimitChange: refetchHistory,
+    isChoresHistoryLoading,
   } = useChoresHistory(7, true)
 
   useEffect(() => {
diff --git a/src/views/Chores/SmartInsightsCard.jsx b/src/views/Chores/SmartInsightsCard.jsx
index 81e1eb6..08caa3d 100644
--- a/src/views/Chores/SmartInsightsCard.jsx
+++ b/src/views/Chores/SmartInsightsCard.jsx
@@ -8,9 +8,10 @@ import {
 } from '@mui/icons-material'
 import { Box, Button, Chip, Sheet, Typography } from '@mui/joy'
 import { useMemo } from 'react'
-import { TASK_COLOR } from '../../utils/Colors'
 import { useTranslation } from 'react-i18next'
 
+import { TASK_COLOR } from '../../utils/Colors'
+
 // Static insight filter definitions – used for URL restoration
 export const INSIGHT_FILTER_DEFS = {
   overdue: {
@@ -58,8 +59,8 @@ export const INSIGHT_FILTER_DEFS = {
 }
 
 const SmartInsightsCard = ({
-  chores,
   applyTempFilter,
+  chores,
   clearTempFilter,
   tempFilter,
 }) => {
diff --git a/src/views/Chores/SortAndGrouping.jsx b/src/views/Chores/SortAndGrouping.jsx
index 54ebcaf..9addda8 100644
--- a/src/views/Chores/SortAndGrouping.jsx
+++ b/src/views/Chores/SortAndGrouping.jsx
@@ -13,21 +13,22 @@ import {
 import IconButton from '@mui/joy/IconButton'
 import { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import KeyboardShortcutHint from '../../components/common/KeyboardShortcutHint'
 
 const SortAndGrouping = ({
-  label,
-  k,
   icon,
-  onItemSelect,
-  selectedItem,
-  setSelectedItem,
-  selectedFilter,
-  setFilter,
   isActive,
-  useChips,
-  title,
+  k,
+  label,
   onCreateNewFilter,
+  onItemSelect,
+  selectedFilter,
+  selectedItem,
+  setFilter,
+  setSelectedItem,
+  title,
+  useChips,
 }) => {
   const { t } = useTranslation('chores')
   const [anchorEl, setAnchorEl] = useState(null)
diff --git a/src/views/Chores/TasksByAssigneeCard.jsx b/src/views/Chores/TasksByAssigneeCard.jsx
index 8db0128..3c4b95c 100644
--- a/src/views/Chores/TasksByAssigneeCard.jsx
+++ b/src/views/Chores/TasksByAssigneeCard.jsx
@@ -1,11 +1,12 @@
 import { BarChart, Person } from '@mui/icons-material'
 import { Avatar, Box, Sheet, Typography } from '@mui/joy'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import EmptyState from '../../components/common/EmptyState'
 import { useCircleMembers } from '../../queries/UserQueries'
 import { TASK_COLOR } from '../../utils/Colors'
 import { resolvePhotoURL } from '../../utils/Helpers'
-import { useTranslation } from 'react-i18next'
 
 const TasksByAssigneeCard = ({ chores = [] }) => {
   const { t } = useTranslation('chores')
diff --git a/src/views/Chores/UserSwitcher.jsx b/src/views/Chores/UserSwitcher.jsx
index 96af328..35d59b2 100644
--- a/src/views/Chores/UserSwitcher.jsx
+++ b/src/views/Chores/UserSwitcher.jsx
@@ -1,19 +1,19 @@
 import { SupervisorAccount } from '@mui/icons-material'
 import { Avatar, Box, Button, Sheet, Typography } from '@mui/joy'
-
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import { useImpersonateUser } from '../../contexts/ImpersonateUserContext'
 import { useCircleMembers, useUserProfile } from '../../queries/UserQueries'
 import UserModal from '../Modals/Inputs/UserModal'
 const UserSwitcher = () => {
   const { t } = useTranslation('chores')
   const {
-    impersonatedUser, 
+    canImpersonate,
+    impersonatedUser,
     isImpersonating,
-    startImpersonation, 
+    startImpersonation,
     stopImpersonation,
-    canImpersonate 
   } = useImpersonateUser()
   const { data: userProfile } = useUserProfile()
   const [isModalOpen, setIsModalOpen] = useState(false)
@@ -54,7 +54,9 @@ const UserSwitcher = () => {
               }}
             >
               <SupervisorAccount color='' />
-              <Typography level='title-md'>{t('impersonate.viewAs')}</Typography>
+              <Typography level='title-md'>
+                {t('impersonate.viewAs')}
+              </Typography>
             </Box>
           </Box>
           <Box sx={{ mb: 2 }}>
diff --git a/src/views/Chores/components/ChoreModals.jsx b/src/views/Chores/components/ChoreModals.jsx
index 917f098..47452a1 100644
--- a/src/views/Chores/components/ChoreModals.jsx
+++ b/src/views/Chores/components/ChoreModals.jsx
@@ -1,10 +1,11 @@
 import { Capacitor } from '@capacitor/core'
 import { useTranslation } from 'react-i18next'
-import DateModal from '../../Modals/Inputs/DateModal'
+
 import DueDatePickerModal, {
   combineDueDate,
   splitDueDate,
 } from '../../components/DueDatePickerModal'
+import DateModal from '../../Modals/Inputs/DateModal'
 import NudgeModal from '../../Modals/Inputs/NudgeModal'
 import SelectModal from '../../Modals/Inputs/SelectModal'
 import TextModal from '../../Modals/Inputs/TextModal'
@@ -17,14 +18,14 @@ const getNFCUrl = choreId =>
 
 const ChoreModals = ({
   activeModal,
-  modalChore,
   membersData,
-  onChangeDueDate,
-  onCompleteWithPastDate,
+  modalChore,
   onAssigneeChange,
-  onCompleteWithNote,
-  onNudge,
+  onChangeDueDate,
   onClose,
+  onCompleteWithNote,
+  onCompleteWithPastDate,
+  onNudge,
 }) => {
   const { t } = useTranslation('chores')
   return (
diff --git a/src/views/Chores/components/ChoreToolbarPrototype.jsx b/src/views/Chores/components/ChoreToolbarPrototype.jsx
index 0efc637..ea8e995 100644
--- a/src/views/Chores/components/ChoreToolbarPrototype.jsx
+++ b/src/views/Chores/components/ChoreToolbarPrototype.jsx
@@ -47,27 +47,28 @@ import {
   Typography,
 } from '@mui/joy'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import AppModal from '../../../components/common/AppModal'
 import ActiveFilterChips from '../../../components/common/filter/ActiveFilterChips'
 import KeyboardShortcutHint from '../../../components/common/KeyboardShortcutHint'
 import { FILTER_COLORS } from '../../../utils/Colors'
 import Priorities from '../../../utils/Priorities'
+import ProjectSelector from '../../components/ProjectSelector'
+import CustomFilterChips from './CustomFilterChips'
 import FilterBuilderContent, {
   CHORE_STATUSES,
-  DUE_DATE_OPTIONS,
-  POINTS_OPERATORS,
   conditionsToSelections,
   defaultSelections,
+  DUE_DATE_OPTIONS,
+  POINTS_OPERATORS,
   selectionsToConditions,
 } from './FilterBuilderContent'
 import SearchBar from './SearchBar'
-import ProjectSelector from '../../components/ProjectSelector'
-import CustomFilterChips from './CustomFilterChips'
-import { useTranslation } from 'react-i18next'
 
 // ─── sub-components for the Display sheet ────────────────────────────────────
 
-const SectionHeader = ({ icon, label, badge }) => (
+const SectionHeader = ({ badge, icon, label }) => (
   <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
     {icon && (
       <Box
@@ -97,7 +98,7 @@ const SectionHeader = ({ icon, label, badge }) => (
   </Box>
 )
 
-const OptionChips = ({ options, selected, multi, onToggle }) => (
+const OptionChips = ({ multi, onToggle, options, selected }) => (
   <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>
     {options.map(opt => {
       const isSelected = multi
@@ -183,48 +184,48 @@ const OptionChips = ({ options, selected, multi, onToggle }) => (
  */
 const ChoreToolbar = ({
   // advanced filter
-  members = [],
-  labels = [],
-  projects = [],
-  tempFilter,
-  tempFilterMeta,
+  activeFilterId,
   applyTempFilter,
   clearTempFilter,
-  saveFilter,
-  updateFilter,
-  onFilterSaved,
-  // result counts
-  resultCount,
-  totalCount,
-  // clear all
-  onClearAllFilters,
-  // project (for Display sheet)
-  selectedProject,
-  onProjectSelect,
-  // assignee (for Display sheet)
-  selectedAssigneeFilter = 'anyone',
-  onAssigneeFilterChange,
-  // saved / custom
-  savedFilters = [],
-  activeFilterId,
-  onSavedFilterClick,
-  onSavedFilterEdit,
-  onSavedFilterDelete,
-  onSavedFilterPin,
-  // grouping
-  selectedGroupBy = 'default',
-  onGroupBySelect,
-  // view + multiselect
-  viewMode = 'default',
-  onToggleViewMode,
   isMultiSelectMode,
-  onToggleMultiSelect,
-  // search
-  searchTerm,
+  labels = [],
+  members = [],
+  onAssigneeFilterChange,
+  onClearAllFilters,
+  onFilterSaved,
+  onGroupBySelect,
+  // result counts
+  onProjectSelect,
+  onSavedFilterClick,
+  // clear all
+  onSavedFilterDelete,
+  // project (for Display sheet)
+  onSavedFilterEdit,
+  onSavedFilterPin,
+  // assignee (for Display sheet)
   onSearchChange,
   onSearchClose,
+  // saved / custom
+  onToggleMultiSelect,
+  onToggleViewMode,
+  projects = [],
+  resultCount,
+  saveFilter,
+  savedFilters = [],
+  // grouping
   searchInputRef,
+  searchTerm,
+  // view + multiselect
+  selectedAssigneeFilter = 'anyone',
+  selectedGroupBy = 'default',
+  selectedProject,
   showKeyboardShortcuts,
+  // search
+  tempFilter,
+  tempFilterMeta,
+  totalCount,
+  updateFilter,
+  viewMode = 'default',
 }) => {
   const { t } = useTranslation('chores')
   const [filterSheetOpen, setFilterSheetOpen] = useState(false)
diff --git a/src/views/Chores/components/CustomFilterChips.jsx b/src/views/Chores/components/CustomFilterChips.jsx
index 21ff930..b522e38 100644
--- a/src/views/Chores/components/CustomFilterChips.jsx
+++ b/src/views/Chores/components/CustomFilterChips.jsx
@@ -7,7 +7,6 @@ import {
   Star,
   StarBorder,
 } from '@mui/icons-material'
-import { useTranslation } from 'react-i18next'
 import {
   Box,
   Chip,
@@ -18,16 +17,18 @@ import {
   Typography,
 } from '@mui/joy'
 import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import { getTextColorFromBackgroundColor } from '../../../utils/Colors'
 
 const CustomFilterChips = ({
-  filters = [],
   activeFilterId,
+  filters = [],
   onFilterClick,
   onFilterDelete,
-  onFilterPin,
   onFilterEdit,
+  onFilterPin,
 }) => {
   const { t } = useTranslation('chores')
   const navigate = useNavigate()
@@ -98,8 +99,7 @@ const CustomFilterChips = ({
           const badgeTextColor = filter.color
             ? getTextColorFromBackgroundColor(filter.color)
             : '#ffffff'
-          const displayCount =
-            filter.count > 99 ? '99+' : (filter.count ?? 0)
+          const displayCount = filter.count > 99 ? '99+' : (filter.count ?? 0)
 
           return (
             <Tooltip
@@ -113,7 +113,9 @@ const CustomFilterChips = ({
             >
               <Chip
                 variant={isActive ? 'solid' : 'outlined'}
-                color={hasWarning ? 'warning' : isActive ? 'primary' : 'neutral'}
+                color={
+                  hasWarning ? 'warning' : isActive ? 'primary' : 'neutral'
+                }
                 size='md'
                 onClick={() => !hasWarning && onFilterClick(filter.id)}
                 sx={{
@@ -124,7 +126,9 @@ const CustomFilterChips = ({
                   flexShrink: 0,
                   fontWeight: isActive ? 600 : 500,
                   '&:hover': {
-                    backgroundColor: isActive ? undefined : 'neutral.softHoverBg',
+                    backgroundColor: isActive
+                      ? undefined
+                      : 'neutral.softHoverBg',
                   },
                 }}
                 startDecorator={
diff --git a/src/views/Chores/components/FilterBuilderContent.jsx b/src/views/Chores/components/FilterBuilderContent.jsx
index 70d4dbd..a973032 100644
--- a/src/views/Chores/components/FilterBuilderContent.jsx
+++ b/src/views/Chores/components/FilterBuilderContent.jsx
@@ -9,6 +9,7 @@ import {
   TaskAlt,
 } from '@mui/icons-material'
 import { Avatar, Box, Chip, Divider, Input, Typography } from '@mui/joy'
+
 import Priorities from '../../../utils/Priorities'
 
 export const DUE_DATE_OPTIONS = [
@@ -99,7 +100,7 @@ export const selectionsToConditions = selections => {
   return conditions
 }
 
-const SectionHeader = ({ icon, label, children }) => (
+const SectionHeader = ({ children, icon, label }) => (
   <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1.5 }}>
     <Box
       sx={{
@@ -119,9 +120,9 @@ const SectionHeader = ({ icon, label, children }) => (
 )
 
 const IncludeExcludeToggle = ({
-  value,
-  onChange,
   labels = ['Include', 'Exclude'],
+  onChange,
+  value,
 }) => (
   <Box sx={{ display: 'flex', gap: 0.5, ml: 'auto' }}>
     {[
@@ -136,7 +137,11 @@ const IncludeExcludeToggle = ({
           value === o.op ? (o.op === 'isNot' ? 'danger' : 'primary') : 'neutral'
         }
         onClick={() => onChange(o.op)}
-        sx={{ cursor: 'pointer', userSelect: 'none', transition: 'all 0.15s ease' }}
+        sx={{
+          cursor: 'pointer',
+          userSelect: 'none',
+          transition: 'all 0.15s ease',
+        }}
       >
         {o.label}
       </Chip>
@@ -152,11 +157,11 @@ const IncludeExcludeToggle = ({
  * functional updater `prev => next` (same contract as React's setState setter).
  */
 const FilterBuilderContent = ({
-  selections,
-  onSelectionsChange,
-  members = [],
   labels = [],
+  members = [],
+  onSelectionsChange,
   projects = [],
+  selections,
 }) => {
   const toggleValue = (type, value) =>
     onSelectionsChange(prev => {
@@ -204,9 +209,11 @@ const FilterBuilderContent = ({
               variant={isSelected ? 'solid' : 'soft'}
               color={isSelected ? (extra.color ?? 'primary') : 'neutral'}
               startDecorator={
-                isSelected
-                  ? <Check sx={{ fontSize: 14 }} />
-                  : (extra.startDecorator ?? null)
+                isSelected ? (
+                  <Check sx={{ fontSize: 14 }} />
+                ) : (
+                  (extra.startDecorator ?? null)
+                )
               }
               onClick={() => toggleValue(type, opt.value)}
               sx={{
@@ -312,7 +319,7 @@ const FilterBuilderContent = ({
         Priorities.map(p => ({ value: p.value, label: p.name })),
         (opt, isSelected) => ({
           color: isSelected
-            ? (Priorities.find(p => p.value === opt.value)?.color || 'primary')
+            ? Priorities.find(p => p.value === opt.value)?.color || 'primary'
             : 'neutral',
           startDecorator: !isSelected
             ? Priorities.find(p => p.value === opt.value)?.icon
@@ -331,7 +338,9 @@ const FilterBuilderContent = ({
               key={opt.value}
               variant={isSelected ? 'solid' : 'soft'}
               color={isSelected ? (opt.color ?? 'primary') : 'neutral'}
-              startDecorator={isSelected ? <Check sx={{ fontSize: 14 }} /> : null}
+              startDecorator={
+                isSelected ? <Check sx={{ fontSize: 14 }} /> : null
+              }
               onClick={() => toggleDueDate(opt.value)}
               sx={{
                 cursor: 'pointer',
@@ -375,7 +384,9 @@ const FilterBuilderContent = ({
                       }}
                     />
                   }
-                  endDecorator={isSelected ? <Check sx={{ fontSize: 12 }} /> : null}
+                  endDecorator={
+                    isSelected ? <Check sx={{ fontSize: 12 }} /> : null
+                  }
                   onClick={() => toggleValue('label', lbl.id)}
                   sx={{
                     cursor: 'pointer',
@@ -425,12 +436,14 @@ const FilterBuilderContent = ({
             key={op.value}
             size='sm'
             variant={
-              selections.points.operator === op.value && selections.points.active
+              selections.points.operator === op.value &&
+              selections.points.active
                 ? 'solid'
                 : 'soft'
             }
             color={
-              selections.points.operator === op.value && selections.points.active
+              selections.points.operator === op.value &&
+              selections.points.active
                 ? 'primary'
                 : 'neutral'
             }
diff --git a/src/views/Chores/components/FilterSection.jsx b/src/views/Chores/components/FilterSection.jsx
index f152edb..6bd04ea 100644
--- a/src/views/Chores/components/FilterSection.jsx
+++ b/src/views/Chores/components/FilterSection.jsx
@@ -1,14 +1,15 @@
 import { Box } from '@mui/joy'
+
 import CustomFilterChips from './CustomFilterChips'
 
 const FilterSection = ({
-  savedFilters,
   activeFilterId,
-
   onFilterClick,
+
   onFilterDelete,
-  onFilterPin,
   onFilterEdit,
+  onFilterPin,
+  savedFilters,
 }) => {
   return (
     <>
diff --git a/src/views/Chores/components/MultiSelectToolbar.jsx b/src/views/Chores/components/MultiSelectToolbar.jsx
index 777749d..1f7dbad 100644
--- a/src/views/Chores/components/MultiSelectToolbar.jsx
+++ b/src/views/Chores/components/MultiSelectToolbar.jsx
@@ -32,6 +32,7 @@ import {
 import moment from 'moment'
 import { useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import AppModal from '../../../components/common/AppModal'
 import KeyboardShortcutHint from '../../../components/common/KeyboardShortcutHint'
 import LABEL_COLORS, {
@@ -134,26 +135,26 @@ const selectableChipSx = {
 
 const MultiSelectToolbar = ({
   isVisible,
-  selectedCount,
-  onSelectAll,
+  labels = [],
+  members = [],
+  onArchive,
   onClear,
   onComplete,
-  onSkip,
-  onArchive,
   onDelete,
   onMoveToProject,
-  onSetDueDate,
+  onSelectAll,
   onSetAssignee,
+  onSetDueDate,
   onSetPriority,
-  onToggleLabel,
+  onSkip,
   // Shape produced by useMultiSelect.getSelectionSummary — drives which value
   // each control shows as current, and which labels can be added vs removed.
-  selectionSummary,
-  members = [],
-  labels = [],
+  onToggleLabel,
   projects = [],
-  showKeyboardShortcuts,
   selectAllDisabled,
+  selectedCount,
+  selectionSummary,
+  showKeyboardShortcuts,
 }) => {
   const { t } = useTranslation('chores')
   const [moreOpen, setMoreOpen] = useState(false)
diff --git a/src/views/Chores/components/MyChoreHeader.jsx b/src/views/Chores/components/MyChoreHeader.jsx
index feb40f6..2ee8797 100644
--- a/src/views/Chores/components/MyChoreHeader.jsx
+++ b/src/views/Chores/components/MyChoreHeader.jsx
@@ -1,10 +1,11 @@
 import { FilterAlt } from '@mui/icons-material'
 import { Box, Stack, Typography } from '@mui/joy'
+
 import { getIconComponent } from '../../../utils/ProjectIcons.jsx'
 
 const MyChoreHeader = ({
-  activeFilterId,
   activeFilter,
+  activeFilterId,
   selectedProject,
   tempFilter,
   tempFilterMeta,
diff --git a/src/views/Chores/hooks/useChoreActions.js b/src/views/Chores/hooks/useChoreActions.js
index daacb58..bcae711 100644
--- a/src/views/Chores/hooks/useChoreActions.js
+++ b/src/views/Chores/hooks/useChoreActions.js
@@ -1,6 +1,8 @@
 import { useQueryClient } from '@tanstack/react-query'
 import moment from 'moment'
 import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import {
   useArchiveChore,
   useUnArchiveChore,
@@ -22,7 +24,6 @@ import {
 } from '../../../utils/Fetcher'
 import { offlineDB } from '../../../utils/OfflineDB'
 import { isOfflineFeatureEnabled } from '../../../utils/OfflineFeatureToggle'
-import { useTranslation } from 'react-i18next'
 
 // Effectively "can this action be queued offline?" — requires the offline
 // feature, otherwise there is no command queue to replay it later.
@@ -55,22 +56,22 @@ const expectOk = async request => {
 
 export const useChoreActions = ({
   chores,
-  filteredChores,
-  setChores,
-  setFilteredChores,
-  userProfile,
-  impersonatedUser,
-  showSuccess,
-  showError,
-  showWarning,
-  showUndo,
-  refetchChores,
-  setConfirmModelConfig,
-  openModal,
-  closeModal,
-  modalChore,
-  getSelectedChoresData,
   clearSelection,
+  closeModal,
+  filteredChores,
+  getSelectedChoresData,
+  impersonatedUser,
+  modalChore,
+  openModal,
+  refetchChores,
+  setChores,
+  setConfirmModelConfig,
+  setFilteredChores,
+  showError,
+  showSuccess,
+  showUndo,
+  showWarning,
+  userProfile,
 }) => {
   const { t } = useTranslation('chores')
   const queryClient = useQueryClient()
diff --git a/src/views/Chores/hooks/useChoreModals.js b/src/views/Chores/hooks/useChoreModals.js
index 46286e9..20ae80d 100644
--- a/src/views/Chores/hooks/useChoreModals.js
+++ b/src/views/Chores/hooks/useChoreModals.js
@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'react'
+import { useCallback, useState } from 'react'
 
 export const useChoreModals = () => {
   const [activeModal, setActiveModal] = useState(null)
diff --git a/src/views/ChoresOverview.jsx b/src/views/ChoresOverview.jsx
index 1d8bef3..9b715bd 100644
--- a/src/views/ChoresOverview.jsx
+++ b/src/views/ChoresOverview.jsx
@@ -9,7 +9,6 @@ import {
   SearchRounded,
   Warning,
 } from '@mui/icons-material'
-import { useTranslation } from 'react-i18next'
 import {
   Avatar,
   Button,
@@ -25,6 +24,7 @@ import {
 } from '@mui/joy'
 import moment from 'moment'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
 
 import { GetAllUsers, GetChores, MarkChoreComplete } from '../utils/Fetcher'
diff --git a/src/views/Error.jsx b/src/views/Error.jsx
index 993b855..c0aada2 100644
--- a/src/views/Error.jsx
+++ b/src/views/Error.jsx
@@ -11,6 +11,7 @@ import {
 } from '@mui/icons-material'
 import { Box, Button, IconButton, Snackbar, Typography } from '@mui/joy'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { Link, useRouteError } from 'react-router-dom'
 
 import {
@@ -18,7 +19,6 @@ import {
   formatErrorReport,
 } from '../service/ErrorReportService'
 import ErrorReportModal from './Modals/ErrorReportModal'
-import { useTranslation } from 'react-i18next'
 
 const getErrorKind = error => {
   if (!error)
@@ -274,7 +274,8 @@ const Error = () => {
           textAlign='center'
           sx={{ color: 'text.tertiary', mb: 1.5 }}
         >
-          If this keeps happening, send us a report please consider sending us report so we can take a look. 
+          If this keeps happening, send us a report please consider sending us
+          report so we can take a look.
         </Typography>
 
         {(error?.stack || message) && (
diff --git a/src/views/Filters/FilterView.jsx b/src/views/Filters/FilterView.jsx
index 7d2079c..1ec5283 100644
--- a/src/views/Filters/FilterView.jsx
+++ b/src/views/Filters/FilterView.jsx
@@ -33,6 +33,7 @@ import {
 } from '@mui/joy'
 import Fuse from 'fuse.js'
 import { useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate, useSearchParams } from 'react-router-dom'
 
 import EmptyState from '../../components/common/EmptyState'
@@ -52,7 +53,6 @@ import {
   useToggleFilterPin,
   useUpdateFilter,
 } from './FilterQueries'
-import { useTranslation } from 'react-i18next'
 
 const FilterCardContent = ({
   filter,
diff --git a/src/views/History/ChoreHistory.jsx b/src/views/History/ChoreHistory.jsx
index d1983ba..e26d8c5 100644
--- a/src/views/History/ChoreHistory.jsx
+++ b/src/views/History/ChoreHistory.jsx
@@ -1,11 +1,12 @@
+import '@meauxt/react-swipeable-list/dist/styles.css'
+
 import {
-  Type as ListType,
   SwipeableList,
   SwipeableListItem,
   SwipeAction,
   TrailingActions,
+  Type as ListType,
 } from '@meauxt/react-swipeable-list'
-import '@meauxt/react-swipeable-list/dist/styles.css'
 import {
   Analytics,
   CalendarMonth,
@@ -31,7 +32,9 @@ import EditIcon from '@mui/icons-material/Edit'
 import { Box, Card, Container, Grid, Sheet, Typography } from '@mui/joy'
 import moment from 'moment'
 import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
+
 import EmptyState from '../../components/common/EmptyState'
 import FilterBar from '../../components/common/FilterBar'
 import { useLocalization } from '../../contexts/LocalizationContext'
@@ -52,7 +55,6 @@ import HistoryDetailModal from '../Modals/HistoryDetailModal'
 import ConfirmationModal from '../Modals/Inputs/ConfirmationModal'
 import NoteViewerModal from '../Modals/Inputs/NoteViewerModal'
 import HistoryCard from './HistoryCard'
-import { useTranslation } from 'react-i18next'
 
 const ChoreHistory = () => {
   const { t } = useTranslation('history')
@@ -66,7 +68,7 @@ const ChoreHistory = () => {
   const [showMoreInfoId, setShowMoreInfoId] = useState(null)
   const [noteViewerConfig, setNoteViewerConfig] = useState({ isOpen: false })
   const [detailModalConfig, setDetailModalConfig] = useState({ isOpen: false })
-  const { showSuccess, showError } = useNotification()
+  const { showError, showSuccess } = useNotification()
   // React Query hooks
   const { data: choreHistoryData, isLoading } = useChoreHistory(choreId)
   const { data: circleMembersData } = useCircleMembers()
@@ -177,11 +179,11 @@ const ChoreHistory = () => {
   )
 
   const {
-    filteredData: filteredHistory,
-    activeFilters,
-    setFilter,
-    clearAll,
     activeFilterCount,
+    activeFilters,
+    clearAll,
+    filteredData: filteredHistory,
+    setFilter,
   } = useFilter(choreHistory, filterDefs)
 
   const sortedHistory = useMemo(
diff --git a/src/views/History/HistoryCard.jsx b/src/views/History/HistoryCard.jsx
index 0204f0b..d143685 100644
--- a/src/views/History/HistoryCard.jsx
+++ b/src/views/History/HistoryCard.jsx
@@ -11,6 +11,7 @@ import {
 import { Avatar, Box, Card, Chip, IconButton, Typography } from '@mui/joy'
 import moment from 'moment'
 import { useTranslation } from 'react-i18next'
+
 import { useLocalization } from '../../contexts/LocalizationContext'
 import { TASK_COLOR } from '../../utils/Colors.jsx'
 import PendingBadge from '../components/PendingBadge'
@@ -34,24 +35,32 @@ const stripHtmlTags = html => {
 }
 
 const statusConfig = {
-  0: { labelKey: 'status.inProgress',      color: 'primary', icon: <AccessTime /> },
-  1: { labelKey: 'status.completed',       color: 'success', icon: <Check /> },
-  2: { labelKey: 'status.skipped',         color: 'warning', icon: <Redo /> },
-  3: { labelKey: 'status.pendingApproval', color: 'neutral', icon: <HourglassEmpty /> },
-  4: { labelKey: 'status.rejected',        color: 'danger',  icon: <ThumbDown /> },
-  5: { labelKey: 'status.missed',          color: 'danger',  icon: <RunningWithErrors /> },
-  6: { labelKey: 'status.rescheduled',     color: 'warning', icon: <Schedule /> },
+  0: { labelKey: 'status.inProgress', color: 'primary', icon: <AccessTime /> },
+  1: { labelKey: 'status.completed', color: 'success', icon: <Check /> },
+  2: { labelKey: 'status.skipped', color: 'warning', icon: <Redo /> },
+  3: {
+    labelKey: 'status.pendingApproval',
+    color: 'neutral',
+    icon: <HourglassEmpty />,
+  },
+  4: { labelKey: 'status.rejected', color: 'danger', icon: <ThumbDown /> },
+  5: {
+    labelKey: 'status.missed',
+    color: 'danger',
+    icon: <RunningWithErrors />,
+  },
+  6: { labelKey: 'status.rescheduled', color: 'warning', icon: <Schedule /> },
 }
 
 const HistoryCard = ({
   allHistory,
-  performers,
   historyEntry,
   index,
-  pendingCommands,
   onToggleActions,
-  onViewNote,
   onViewDetails,
+  onViewNote,
+  pendingCommands,
+  performers,
 }) => {
   const { t } = useTranslation('history')
   const { fmt } = useLocalization()
@@ -65,7 +74,7 @@ const HistoryCard = ({
   const actionDate = historyEntry.performedAt || historyEntry.updatedAt
 
   const getTimingLine = () => {
-    const { status, performedAt, dueDate } = historyEntry
+    const { dueDate, performedAt, status } = historyEntry
     if (!dueDate) return null
 
     if (status === 6 || status === 5) {
@@ -90,14 +99,18 @@ const HistoryCard = ({
   }
 
   const timingLine = getTimingLine()
-  const plainTextNotes = historyEntry.notes ? stripHtmlTags(historyEntry.notes) : ''
+  const plainTextNotes = historyEntry.notes
+    ? stripHtmlTags(historyEntry.notes)
+    : ''
 
   const metaTextParts = [
     fmt.dateTime(actionDate),
     historyEntry.completedBy !== historyEntry.assignedTo && assignedTo
       ? t('card.assignedTo', { name: assignedTo.displayName })
       : null,
-    historyEntry?.duration > 0 ? `⏱ ${formatTime(historyEntry.duration)}` : null,
+    historyEntry?.duration > 0
+      ? `⏱ ${formatTime(historyEntry.duration)}`
+      : null,
     historyEntry?.points > 0
       ? t('card.points', { count: historyEntry.points })
       : null,
@@ -120,7 +133,14 @@ const HistoryCard = ({
     >
       <Box sx={{ flex: 1, minWidth: 0, px: 2, py: 1.5 }}>
         {/* Status + timing chip */}
-        <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 0.5 }}>
+        <Box
+          sx={{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            mb: 0.5,
+          }}
+        >
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>
             <Avatar
               size='sm'
@@ -130,7 +150,11 @@ const HistoryCard = ({
             >
               {config.icon}
             </Avatar>
-            <Typography level='title-sm' fontWeight='lg' sx={{ color: `${config.color}.plainColor` }}>
+            <Typography
+              level='title-sm'
+              fontWeight='lg'
+              sx={{ color: `${config.color}.plainColor` }}
+            >
               {displayLabel}
             </Typography>
           </Box>
@@ -146,31 +170,58 @@ const HistoryCard = ({
         {/* Notes inline */}
 
         {plainTextNotes && (
-        <Card 
-          variant='soft'
-          color='neutral'
-          size='sm'
-          sx={{ mt: 0.5, whiteSpace: 'pre-wrap', overflow: 'hidden', textOverflow: 'ellipsis' }}
-        >
-          <Typography
-            level='body-xs'
-            sx={{ color: 'text.secondary', fontStyle: 'italic', mb: 0.25, cursor: 'pointer' }}
-            onClick={e => { e.stopPropagation(); onViewNote?.(historyEntry.notes) }}
+          <Card
+            variant='soft'
+            color='neutral'
+            size='sm'
+            sx={{
+              mt: 0.5,
+              whiteSpace: 'pre-wrap',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+            }}
           >
-            {plainTextNotes.length > 80 ? `${plainTextNotes.slice(0, 80)}…` : plainTextNotes}
-          </Typography>
-        </Card>
+            <Typography
+              level='body-xs'
+              sx={{
+                color: 'text.secondary',
+                fontStyle: 'italic',
+                mb: 0.25,
+                cursor: 'pointer',
+              }}
+              onClick={e => {
+                e.stopPropagation()
+                onViewNote?.(historyEntry.notes)
+              }}
+            >
+              {plainTextNotes.length > 80
+                ? `${plainTextNotes.slice(0, 80)}…`
+                : plainTextNotes}
+            </Typography>
+          </Card>
         )}
 
         {/* Metadata strip: performer chip + date + extras */}
-        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75, mt: 0.5, flexWrap: 'wrap' }}>
+        <Box
+          sx={{
+            display: 'flex',
+            alignItems: 'center',
+            gap: 0.75,
+            mt: 0.5,
+            flexWrap: 'wrap',
+          }}
+        >
           {performer && (
             <Chip
               size='sm'
               variant='soft'
               color='neutral'
               startDecorator={
-                <Avatar src={performer.image} alt={performer.displayName} sx={{ width: 14, height: 14 }} />
+                <Avatar
+                  src={performer.image}
+                  alt={performer.displayName}
+                  sx={{ width: 14, height: 14 }}
+                />
               }
             >
               {performer.displayName}
@@ -184,13 +235,19 @@ const HistoryCard = ({
         </Box>
       </Box>
 
-      <Box sx={{ display: 'flex', alignItems: 'center', pr: 0.5 }} onClick={e => e.stopPropagation()}>
+      <Box
+        sx={{ display: 'flex', alignItems: 'center', pr: 0.5 }}
+        onClick={e => e.stopPropagation()}
+      >
         {onToggleActions && (
           <IconButton
             color='neutral'
             variant='plain'
             size='sm'
-            onClick={e => { e.stopPropagation(); onToggleActions() }}
+            onClick={e => {
+              e.stopPropagation()
+              onToggleActions()
+            }}
           >
             <MoreVert sx={{ fontSize: 18 }} />
           </IconButton>
diff --git a/src/views/Home.jsx b/src/views/Home.jsx
index 5600c1b..c5eaad4 100644
--- a/src/views/Home.jsx
+++ b/src/views/Home.jsx
@@ -1,9 +1,9 @@
 import { Box, Button, Container, Typography } from '@mui/joy'
-import { useTranslation } from 'react-i18next'
 import { useEffect } from 'react'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
 
-import { useState } from 'react'
 import Logo from '../Logo'
 const Home = () => {
   const { t } = useTranslation('common')
diff --git a/src/views/Labels/LabelQueries.jsx b/src/views/Labels/LabelQueries.jsx
index ac4598b..53ba961 100644
--- a/src/views/Labels/LabelQueries.jsx
+++ b/src/views/Labels/LabelQueries.jsx
@@ -1,4 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
+
 import { CreateLabel, GetLabels } from '../../utils/Fetcher'
 import { offlineDB } from '../../utils/OfflineDB'
 
diff --git a/src/views/Landing/DemoCalendar.jsx b/src/views/Landing/DemoCalendar.jsx
index 7b7bc75..7ab9199 100644
--- a/src/views/Landing/DemoCalendar.jsx
+++ b/src/views/Landing/DemoCalendar.jsx
@@ -1,5 +1,6 @@
 import { Card, Grid, Typography } from '@mui/joy'
 import moment from 'moment'
+
 import CalendarMonthly from '../components/CalendarMonthly'
 
 const DemoCalendar = () => {
diff --git a/src/views/Landing/DemoNotificationTemplate.jsx b/src/views/Landing/DemoNotificationTemplate.jsx
index bcb7ffe..2dccf36 100644
--- a/src/views/Landing/DemoNotificationTemplate.jsx
+++ b/src/views/Landing/DemoNotificationTemplate.jsx
@@ -1,4 +1,5 @@
 import { Card, Grid, Typography } from '@mui/joy'
+
 import NotificationTemplate from '../../components/NotificationTemplate'
 
 const DemoNotificationTemplate = () => {
diff --git a/src/views/Landing/Footer.jsx b/src/views/Landing/Footer.jsx
index bdce603..a3c4912 100644
--- a/src/views/Landing/Footer.jsx
+++ b/src/views/Landing/Footer.jsx
@@ -1,4 +1,3 @@
-import LogoSVG from '@/assets/logo.svg'
 import { Email, GitHub } from '@mui/icons-material'
 import {
   Box,
@@ -9,6 +8,9 @@ import {
   Link,
   Typography,
 } from '@mui/joy'
+
+import LogoSVG from '@/assets/logo.svg'
+
 import { version } from '../../../package.json'
 import DiscordIcon from '../../components/icons/DiscordIcon'
 import RedditIcon from '../../components/icons/RedditIcon'
@@ -333,7 +335,6 @@ const Footer = () => {
             <Typography level='body-sm' sx={{ color: 'text.secondary' }}>
               Version {version}
             </Typography>
-         
           </Box>
         </Box>
       </Container>
diff --git a/src/views/Landing/GettingStarted.jsx b/src/views/Landing/GettingStarted.jsx
index e9155f5..39ab4f3 100644
--- a/src/views/Landing/GettingStarted.jsx
+++ b/src/views/Landing/GettingStarted.jsx
@@ -11,7 +11,7 @@ import {
 import { Box, Button, Card, Container, Grid, Typography } from '@mui/joy'
 import { useNavigate } from 'react-router-dom'
 
-function StartOptionCard({ icon: Icon, title, description, button, index }) {
+function StartOptionCard({ button, description, icon: Icon, index, title }) {
   return (
     <Card
       data-aos='fade-up'
diff --git a/src/views/Landing/HomeHero.jsx b/src/views/Landing/HomeHero.jsx
index 89b15e2..23d70bf 100644
--- a/src/views/Landing/HomeHero.jsx
+++ b/src/views/Landing/HomeHero.jsx
@@ -1,5 +1,5 @@
-/* eslint-disable tailwindcss/no-custom-classname */
 // import { StyledButton } from '@/components/styled-button'
+import { DarkMode, GitHub, LightMode } from '@mui/icons-material'
 import { Button, IconButton, useColorScheme } from '@mui/joy'
 import Typography from '@mui/joy/Typography'
 import Box from '@mui/material/Box'
@@ -8,9 +8,9 @@ import React, { useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
 
 import Logo from '@/assets/logo.svg'
-import screenShotMyChoreDark from '@/assets/screenshot-my-chore-dark.png'
 import screenShotMyChore from '@/assets/screenshot-my-chore.png'
-import { DarkMode, GitHub, LightMode } from '@mui/icons-material'
+import screenShotMyChoreDark from '@/assets/screenshot-my-chore-dark.png'
+
 import useWindowWidth from '../../hooks/useWindowWidth'
 
 const HomeHero = () => {
diff --git a/src/views/Landing/Landing.jsx b/src/views/Landing/Landing.jsx
index a925ce1..9a2285d 100644
--- a/src/views/Landing/Landing.jsx
+++ b/src/views/Landing/Landing.jsx
@@ -1,8 +1,10 @@
+import 'aos/dist/aos.css'
+
 import { Box, Container, Grid } from '@mui/joy'
 import AOS from 'aos'
-import 'aos/dist/aos.css'
 import { useEffect } from 'react'
 import { useNavigate } from 'react-router-dom'
+
 import CookiePermissionSnackbar from './CookiePermissionSnackbar'
 import DemoAssignee from './DemoAssignee'
 import DemoHistory from './DemoHistory'
diff --git a/src/views/Landing/TabletInstallationSection.jsx b/src/views/Landing/TabletInstallationSection.jsx
index 91b6204..3dd399c 100644
--- a/src/views/Landing/TabletInstallationSection.jsx
+++ b/src/views/Landing/TabletInstallationSection.jsx
@@ -1,6 +1,7 @@
-import ipad_screenshot from '@/assets/ipad_dashbard_calendar.png'
 import { Box, Container, Typography } from '@mui/joy'
 
+import ipad_screenshot from '@/assets/ipad_dashbard_calendar.png'
+
 const TabletInstallationSection = () => {
   return (
     <Container maxWidth='xl' sx={{ py: { xs: 6, sm: 8, md: 12 } }}>
diff --git a/src/views/Modals/Inputs/AcknowledgmentModal.jsx b/src/views/Modals/Inputs/AcknowledgmentModal.jsx
index 947c857..f86ffb0 100644
--- a/src/views/Modals/Inputs/AcknowledgmentModal.jsx
+++ b/src/views/Modals/Inputs/AcknowledgmentModal.jsx
@@ -1,5 +1,6 @@
 import { Typography } from '@mui/joy'
 import { useCallback, useEffect, useState } from 'react'
+
 import KeyboardShortcutHint from '../../../components/common/KeyboardShortcutHint'
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
diff --git a/src/views/Modals/Inputs/AdvancedFilterBuilder.jsx b/src/views/Modals/Inputs/AdvancedFilterBuilder.jsx
index 8fa8e16..8f01b96 100644
--- a/src/views/Modals/Inputs/AdvancedFilterBuilder.jsx
+++ b/src/views/Modals/Inputs/AdvancedFilterBuilder.jsx
@@ -1,30 +1,31 @@
 import { Save } from '@mui/icons-material'
 import { Box, Button, Chip, Divider, Input, Typography } from '@mui/joy'
 import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import AppModal from '../../../components/common/AppModal'
 import ModalActions from '../../../components/common/ModalActions'
+import { FILTER_COLORS } from '../../../utils/Colors'
+import { applyFilter } from '../../../utils/FilterEngine'
 import FilterBuilderContent, {
   conditionsToSelections,
   defaultSelections,
   selectionsToConditions,
 } from '../../Chores/components/FilterBuilderContent'
-import { FILTER_COLORS } from '../../../utils/Colors'
-import { applyFilter } from '../../../utils/FilterEngine'
 import { useFilters } from '../../Filters/FilterQueries'
-import { useTranslation } from 'react-i18next'
 
 const EMPTY_FILTERS = []
 
 const AdvancedFilterBuilder = ({
+  allChores = [],
+  editingFilter = null,
   isOpen,
+  labels = [],
+  members = [],
   onClose,
   onSave,
-  members = [],
-  labels = [],
   projects = [],
-  allChores = [],
   userProfile = null,
-  editingFilter = null,
 }) => {
   const { t } = useTranslation('filters')
   const [filterName, setFilterName] = useState('')
diff --git a/src/views/Modals/Inputs/AttachmentBrowserModal.jsx b/src/views/Modals/Inputs/AttachmentBrowserModal.jsx
index 0f8e05e..a084916 100644
--- a/src/views/Modals/Inputs/AttachmentBrowserModal.jsx
+++ b/src/views/Modals/Inputs/AttachmentBrowserModal.jsx
@@ -8,6 +8,8 @@ import {
   Typography,
 } from '@mui/joy'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import EmptyState from '../../../components/common/EmptyState'
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
@@ -15,7 +17,6 @@ import { GetChoreAttachments } from '../../../utils/Fetcher'
 import { resolvePhotoURL } from '../../../utils/Helpers'
 import { cacheChoreImages, getImageSrc } from '../../../utils/ImageCache'
 import AttachmentViewerModal from './AttachmentViewerModal'
-import { useTranslation } from 'react-i18next'
 
 const IMAGE_EXTENSIONS = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp', 'svg']
 
@@ -128,7 +129,8 @@ function AttachmentBrowserModal({ choreId, isOpen, onClose }) {
                   )}
                   <Box sx={{ flex: 1, minWidth: 0 }}>
                     <Typography level='body-sm' noWrap>
-                      {attachment.file_name || t('fileNumbered', { index: index + 1 })}
+                      {attachment.file_name ||
+                        t('fileNumbered', { index: index + 1 })}
                     </Typography>
                     {attachment.size_bytes > 0 && (
                       <Typography
diff --git a/src/views/Modals/Inputs/AttachmentViewerModal.jsx b/src/views/Modals/Inputs/AttachmentViewerModal.jsx
index 1da2fb7..a44268d 100644
--- a/src/views/Modals/Inputs/AttachmentViewerModal.jsx
+++ b/src/views/Modals/Inputs/AttachmentViewerModal.jsx
@@ -1,9 +1,10 @@
 import { Browser } from '@capacitor/browser'
-import { useTranslation } from 'react-i18next'
 import { Capacitor } from '@capacitor/core'
 import { Download } from '@mui/icons-material'
 import { Box, CircularProgress, Typography } from '@mui/joy'
 import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 
@@ -35,7 +36,7 @@ function AttachmentViewerModal({ config }) {
   const [imgLoaded, setImgLoaded] = useState(false)
   const [imgError, setImgError] = useState(false)
 
-  const { isOpen, url, fileName, onClose } = config || {}
+  const { fileName, isOpen, onClose, url } = config || {}
 
   const handleClose = () => {
     setImgLoaded(false)
diff --git a/src/views/Modals/Inputs/BackupRestoreModal.jsx b/src/views/Modals/Inputs/BackupRestoreModal.jsx
index 4c5ca52..325c48b 100644
--- a/src/views/Modals/Inputs/BackupRestoreModal.jsx
+++ b/src/views/Modals/Inputs/BackupRestoreModal.jsx
@@ -11,8 +11,9 @@ import {
   Tabs,
   Typography,
 } from '@mui/joy'
-import { useTranslation } from 'react-i18next'
 import { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { CreateBackup, RestoreBackup } from '../../../utils/Fetcher'
@@ -244,8 +245,7 @@ function BackupRestoreModal({ isOpen, onClose, showNotification }) {
   const renderRestoreTab = () => (
     <Box>
       <Typography level='body-md' mb={3} color='warning'>
-        <strong>{t('backup.warningLabel')}</strong>{' '}
-        {t('backup.restoreWarning')}
+        <strong>{t('backup.warningLabel')}</strong> {t('backup.restoreWarning')}
       </Typography>
 
       <FormControl sx={{ mb: 2 }}>
diff --git a/src/views/Modals/Inputs/ConfirmationModal.jsx b/src/views/Modals/Inputs/ConfirmationModal.jsx
index 73f5808..5c5a33a 100644
--- a/src/views/Modals/Inputs/ConfirmationModal.jsx
+++ b/src/views/Modals/Inputs/ConfirmationModal.jsx
@@ -1,5 +1,6 @@
 import { Typography } from '@mui/joy'
 import { useCallback, useEffect, useState } from 'react'
+
 import KeyboardShortcutHint from '../../../components/common/KeyboardShortcutHint'
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
diff --git a/src/views/Modals/Inputs/CreateChildUserModal.jsx b/src/views/Modals/Inputs/CreateChildUserModal.jsx
index acfc910..c57c4c1 100644
--- a/src/views/Modals/Inputs/CreateChildUserModal.jsx
+++ b/src/views/Modals/Inputs/CreateChildUserModal.jsx
@@ -1,8 +1,9 @@
 import { FormControl, FormHelperText, Input, Typography } from '@mui/joy'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
-import { useTranslation } from 'react-i18next'
 
 function CreateChildUserModal({ isOpen, onClose, onSuccess }) {
   const { t } = useTranslation('settings')
diff --git a/src/views/Modals/Inputs/CreateThingModal.jsx b/src/views/Modals/Inputs/CreateThingModal.jsx
index ab2cb6f..b0b05a7 100644
--- a/src/views/Modals/Inputs/CreateThingModal.jsx
+++ b/src/views/Modals/Inputs/CreateThingModal.jsx
@@ -8,11 +8,12 @@ import {
   Typography,
 } from '@mui/joy'
 import { useEffect, useState } from 'react'
-import ModalActions from '../../../components/common/ModalActions'
-import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { useTranslation } from 'react-i18next'
 
-function CreateThingModal({ isOpen, onClose, onSave, currentThing }) {
+import ModalActions from '../../../components/common/ModalActions'
+import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
+
+function CreateThingModal({ currentThing, isOpen, onClose, onSave }) {
   const { t } = useTranslation('things')
   const { ResponsiveModal } = useResponsiveModal()
 
diff --git a/src/views/Modals/Inputs/DateModal.jsx b/src/views/Modals/Inputs/DateModal.jsx
index 65c467b..3532390 100644
--- a/src/views/Modals/Inputs/DateModal.jsx
+++ b/src/views/Modals/Inputs/DateModal.jsx
@@ -1,10 +1,11 @@
 import { Input } from '@mui/joy'
 import { useState } from 'react'
-import ModalActions from '../../../components/common/ModalActions'
-import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { useTranslation } from 'react-i18next'
 
-function DateModal({ isOpen, onClose, onSave, current, title }) {
+import ModalActions from '../../../components/common/ModalActions'
+import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
+
+function DateModal({ current, isOpen, onClose, onSave, title }) {
   const { t } = useTranslation('common')
   const { ResponsiveModal } = useResponsiveModal()
   const [date, setDate] = useState(
diff --git a/src/views/Modals/Inputs/EditThingState.jsx b/src/views/Modals/Inputs/EditThingState.jsx
index e9038a8..d54fcf5 100644
--- a/src/views/Modals/Inputs/EditThingState.jsx
+++ b/src/views/Modals/Inputs/EditThingState.jsx
@@ -1,10 +1,11 @@
 import { FormControl, FormHelperText, Input, Typography } from '@mui/joy'
 import { useState } from 'react'
-import ModalActions from '../../../components/common/ModalActions'
-import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { useTranslation } from 'react-i18next'
 
-function EditThingStateModal({ isOpen, onClose, onSave, currentThing }) {
+import ModalActions from '../../../components/common/ModalActions'
+import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
+
+function EditThingStateModal({ currentThing, isOpen, onClose, onSave }) {
   const { t } = useTranslation('things')
   const { ResponsiveModal } = useResponsiveModal()
 
diff --git a/src/views/Modals/Inputs/IconPickerModal.jsx b/src/views/Modals/Inputs/IconPickerModal.jsx
index 491cb9f..1dcab74 100644
--- a/src/views/Modals/Inputs/IconPickerModal.jsx
+++ b/src/views/Modals/Inputs/IconPickerModal.jsx
@@ -1,15 +1,16 @@
 import { Avatar, Box, FormControl, FormLabel, Grid, Typography } from '@mui/joy'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { getTextColorFromBackgroundColor } from '../../../utils/Colors'
 import PROJECT_ICONS from '../../../utils/ProjectIcons'
-import { useTranslation } from 'react-i18next'
 
 const IconPickerModal = ({
+  currentIcon,
   isOpen,
   onClose,
   onSelect,
-  currentIcon,
   projectColor,
 }) => {
   const { t } = useTranslation('projects')
@@ -29,7 +30,9 @@ const IconPickerModal = ({
       unmountDelay={250}
       title={t('iconPicker.chooseIcon')}
       footer={
-        <ModalActions secondary={{ label: t('common:cancel'), onClick: onClose }} />
+        <ModalActions
+          secondary={{ label: t('common:cancel'), onClick: onClose }}
+        />
       }
     >
       <FormControl>
diff --git a/src/views/Modals/Inputs/LabelModal.jsx b/src/views/Modals/Inputs/LabelModal.jsx
index 41e47cf..c41952f 100644
--- a/src/views/Modals/Inputs/LabelModal.jsx
+++ b/src/views/Modals/Inputs/LabelModal.jsx
@@ -1,16 +1,16 @@
 import { Box, FormControl, Input, Typography } from '@mui/joy'
-import { useEffect, useState } from 'react'
-
 import { useQueryClient } from '@tanstack/react-query'
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal.js'
 import { useNotification } from '../../../service/NotificationProvider.jsx'
 import LABEL_COLORS from '../../../utils/Colors.jsx'
 import { CreateLabel, UpdateLabel } from '../../../utils/Fetcher'
 import { useLabels } from '../../Labels/LabelQueries'
-import { useTranslation } from 'react-i18next'
 
-function LabelModal({ isOpen, onClose, label }) {
+function LabelModal({ isOpen, label, onClose }) {
   const { t } = useTranslation('labels')
   const { ResponsiveModal } = useResponsiveModal()
 
diff --git a/src/views/Modals/Inputs/NativeCancelSubscriptionModal.jsx b/src/views/Modals/Inputs/NativeCancelSubscriptionModal.jsx
index 88cb8da..6611c8a 100644
--- a/src/views/Modals/Inputs/NativeCancelSubscriptionModal.jsx
+++ b/src/views/Modals/Inputs/NativeCancelSubscriptionModal.jsx
@@ -1,4 +1,5 @@
 import { Box, Typography } from '@mui/joy'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 
diff --git a/src/views/Modals/Inputs/NoteViewerModal.jsx b/src/views/Modals/Inputs/NoteViewerModal.jsx
index 345f406..fb65589 100644
--- a/src/views/Modals/Inputs/NoteViewerModal.jsx
+++ b/src/views/Modals/Inputs/NoteViewerModal.jsx
@@ -1,4 +1,5 @@
 import { Box } from '@mui/joy'
+
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import RichTextEditor from '../../components/RichTextEditor'
 
diff --git a/src/views/Modals/Inputs/NudgeModal.jsx b/src/views/Modals/Inputs/NudgeModal.jsx
index a1c3dc1..7061272 100644
--- a/src/views/Modals/Inputs/NudgeModal.jsx
+++ b/src/views/Modals/Inputs/NudgeModal.jsx
@@ -9,6 +9,7 @@ import {
 } from '@mui/joy'
 import { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import KeyboardShortcutHint from '../../../components/common/KeyboardShortcutHint'
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
diff --git a/src/views/Modals/Inputs/PasswordChangeModal.jsx b/src/views/Modals/Inputs/PasswordChangeModal.jsx
index f1b34d8..52eeee5 100644
--- a/src/views/Modals/Inputs/PasswordChangeModal.jsx
+++ b/src/views/Modals/Inputs/PasswordChangeModal.jsx
@@ -1,8 +1,9 @@
 import { FormControl, FormHelperText, Input, Typography } from '@mui/joy'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
-import { useTranslation } from 'react-i18next'
 
 function PasswordChangeModal({ isOpen, onClose }) {
   const { t } = useTranslation('settings')
@@ -44,7 +45,10 @@ function PasswordChangeModal({ isOpen, onClose }) {
       description='Choose a password between 8 and 64 characters.'
       footer={
         <ModalActions
-          secondary={{ label: t('accountSettings.cancel'), onClick: () => handleAction(false) }}
+          secondary={{
+            label: t('accountSettings.cancel'),
+            onClick: () => handleAction(false),
+          }}
           primary={{
             label: t('accountSettings.changePassword'),
             disabled: !canSubmit,
diff --git a/src/views/Modals/Inputs/ProjectModal.jsx b/src/views/Modals/Inputs/ProjectModal.jsx
index d542515..b9a9211 100644
--- a/src/views/Modals/Inputs/ProjectModal.jsx
+++ b/src/views/Modals/Inputs/ProjectModal.jsx
@@ -10,6 +10,8 @@ import {
   Typography,
 } from '@mui/joy'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import PROJECT_COLORS, {
@@ -21,7 +23,6 @@ import {
   useUpdateProject,
 } from '../../Projects/ProjectQueries'
 import IconPickerModal from './IconPickerModal'
-import { useTranslation } from 'react-i18next'
 
 const ProjectModal = ({ isOpen, onClose, onSave, project }) => {
   const { t } = useTranslation('projects')
diff --git a/src/views/Modals/Inputs/SelectModal.jsx b/src/views/Modals/Inputs/SelectModal.jsx
index b1866e5..dade8cc 100644
--- a/src/views/Modals/Inputs/SelectModal.jsx
+++ b/src/views/Modals/Inputs/SelectModal.jsx
@@ -1,16 +1,17 @@
 import { Option, Select } from '@mui/joy'
 import { useState } from 'react'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 
 function SelectModal({
+  displayKey,
   isOpen,
   onClose,
   onSave,
   options,
-  title,
-  displayKey,
   placeholder,
+  title,
 }) {
   const { ResponsiveModal } = useResponsiveModal()
   const [selected, setSelected] = useState(null)
diff --git a/src/views/Modals/Inputs/TextModal.jsx b/src/views/Modals/Inputs/TextModal.jsx
index 1e945ef..c30eec6 100644
--- a/src/views/Modals/Inputs/TextModal.jsx
+++ b/src/views/Modals/Inputs/TextModal.jsx
@@ -1,17 +1,18 @@
 import { Textarea } from '@mui/joy'
 import { useState } from 'react'
-import ModalActions from '../../../components/common/ModalActions'
-import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { useTranslation } from 'react-i18next'
 
+import ModalActions from '../../../components/common/ModalActions'
+import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
+
 function TextModal({
+  cancelText,
+  current,
   isOpen,
+  okText,
   onClose,
   onSave,
-  current,
   title,
-  okText,
-  cancelText,
 }) {
   const { t } = useTranslation('common')
   const { ResponsiveModal } = useResponsiveModal()
diff --git a/src/views/Modals/Inputs/TimerEditModal.jsx b/src/views/Modals/Inputs/TimerEditModal.jsx
index 3ffed5b..4c2dee5 100644
--- a/src/views/Modals/Inputs/TimerEditModal.jsx
+++ b/src/views/Modals/Inputs/TimerEditModal.jsx
@@ -13,18 +13,19 @@ import {
 import moment from 'moment'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useLocalization } from '../../../contexts/LocalizationContext'
+
 import ModalActions from '../../../components/common/ModalActions'
+import { useLocalization } from '../../../contexts/LocalizationContext'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
-import { useNotification } from '../../../service/NotificationProvider'
 import {
   useChoreTimer,
   useDeleteTimeSession,
   useUpdateTimeSession,
 } from '../../../queries/TimeQueries'
+import { useNotification } from '../../../service/NotificationProvider'
 import ConfirmationModal from './ConfirmationModal'
 
-const TimerEditModal = ({ isOpen, onClose, choreId, onTimerUpdate }) => {
+const TimerEditModal = ({ choreId, isOpen, onClose, onTimerUpdate }) => {
   const { t } = useTranslation('timer')
   const { ResponsiveModal } = useResponsiveModal()
   const { fmt } = useLocalization()
@@ -156,7 +157,6 @@ const TimerEditModal = ({ isOpen, onClose, choreId, onTimerUpdate }) => {
 
   const cancelEditingSession = sessionId => {
     setEditingSessions(prev => {
-      // eslint-disable-next-line no-unused-vars
       const { [sessionId]: removed, ...rest } = prev
       return rest
     })
diff --git a/src/views/Modals/Inputs/UserDeletionModal.jsx b/src/views/Modals/Inputs/UserDeletionModal.jsx
index 65c6b1a..2312585 100644
--- a/src/views/Modals/Inputs/UserDeletionModal.jsx
+++ b/src/views/Modals/Inputs/UserDeletionModal.jsx
@@ -10,11 +10,12 @@ import {
   Typography,
 } from '@mui/joy'
 import { useCallback, useEffect, useState } from 'react'
-import ModalActions from '../../../components/common/ModalActions'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
+import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { CheckUserDeletion, DeleteUser } from '../../../utils/Fetcher'
-import { useTranslation } from 'react-i18next'
 
 function UserDeletionModal({ isOpen, onClose }) {
   const { t } = useTranslation('settings')
diff --git a/src/views/Modals/Inputs/UserModal.jsx b/src/views/Modals/Inputs/UserModal.jsx
index a3d9596..dc5e517 100644
--- a/src/views/Modals/Inputs/UserModal.jsx
+++ b/src/views/Modals/Inputs/UserModal.jsx
@@ -1,9 +1,10 @@
 import { Avatar, Box, List, ListItem, Typography } from '@mui/joy'
-import ModalActions from '../../../components/common/ModalActions'
-import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { useTranslation } from 'react-i18next'
 
-const UserModal = ({ isOpen, performers = [], onSelect, onClose }) => {
+import ModalActions from '../../../components/common/ModalActions'
+import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
+
+const UserModal = ({ isOpen, onClose, onSelect, performers = [] }) => {
   const { t } = useTranslation('common')
   const { ResponsiveModal } = useResponsiveModal()
 
diff --git a/src/views/Modals/Inputs/WriteNFCModal.jsx b/src/views/Modals/Inputs/WriteNFCModal.jsx
index 9fba8bb..cad2dec 100644
--- a/src/views/Modals/Inputs/WriteNFCModal.jsx
+++ b/src/views/Modals/Inputs/WriteNFCModal.jsx
@@ -7,10 +7,11 @@ import {
 } from '@mui/icons-material'
 import { Box, IconButton, Input, Switch, Typography } from '@mui/joy'
 import { useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../../components/common/ModalActions'
 import { useResponsiveModal } from '../../../hooks/useResponsiveModal'
 import { startNativeNFCWrite } from '../../../service/NFCWriter'
-import { useTranslation } from 'react-i18next'
 
 const pulseKeyframes = `
   @keyframes nfc-pulse {
@@ -214,10 +215,18 @@ function WriteNFCModal({ config }) {
         closeOnEscape={!isWaiting}
         footer={
           isSuccess ? (
-            <ModalActions primary={{ label: t('activity.status.done'), onClick: handleClose }} />
+            <ModalActions
+              primary={{
+                label: t('activity.status.done'),
+                onClick: handleClose,
+              }}
+            />
           ) : isWaiting ? (
             <ModalActions
-              secondary={{ label: t('choreView.cancel'), onClick: handleCancel }}
+              secondary={{
+                label: t('choreView.cancel'),
+                onClick: handleCancel,
+              }}
             />
           ) : (
             <ModalActions
diff --git a/src/views/Modals/RedeemPointsModal.jsx b/src/views/Modals/RedeemPointsModal.jsx
index 22199a3..faafa55 100644
--- a/src/views/Modals/RedeemPointsModal.jsx
+++ b/src/views/Modals/RedeemPointsModal.jsx
@@ -11,8 +11,8 @@ import {
   Stack,
   Typography,
 } from '@mui/joy'
-import { useTranslation } from 'react-i18next'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 
 import ModalActions from '../../components/common/ModalActions.jsx'
 import { useResponsiveModal } from '../../hooks/useResponsiveModal.js'
@@ -105,7 +105,9 @@ function RedeemPointsModal({ config }) {
                 startDecorator={<Toll />}
                 sx={{ mt: 0.5 }}
               >
-                {t('redeemModal.pointsAvailable', { count: config?.available || 0 })}
+                {t('redeemModal.pointsAvailable', {
+                  count: config?.available || 0,
+                })}
               </Chip>
             </Box>
           </Stack>
diff --git a/src/views/Onboarding/GetStartedView.jsx b/src/views/Onboarding/GetStartedView.jsx
index 9536a71..aba7aef 100644
--- a/src/views/Onboarding/GetStartedView.jsx
+++ b/src/views/Onboarding/GetStartedView.jsx
@@ -1,6 +1,7 @@
 import { DnsOutlined } from '@mui/icons-material'
 import { Box, Button, Link, Typography } from '@mui/joy'
 import { useNavigate } from 'react-router-dom'
+
 import Logo from '../../Logo'
 import { useResource } from '../../queries/ResourceQueries'
 import { haptic, isNativeApp, markOnboardingSeen } from '../../utils/Onboarding'
diff --git a/src/views/Onboarding/OnboardingVignettes.jsx b/src/views/Onboarding/OnboardingVignettes.jsx
index 7b99334..a3cd3a9 100644
--- a/src/views/Onboarding/OnboardingVignettes.jsx
+++ b/src/views/Onboarding/OnboardingVignettes.jsx
@@ -16,6 +16,7 @@ import {
   ThumbUpRounded,
 } from '@mui/icons-material'
 import { Box, Typography } from '@mui/joy'
+
 import {
   getPriorityColor,
   getTextColorFromBackgroundColor,
@@ -84,7 +85,7 @@ const Stage = ({ children }) => (
   </Box>
 )
 
-const Chip = ({ icon, children, color = 'primary', sx }) => (
+const Chip = ({ children, color = 'primary', icon, sx }) => (
   <Box
     sx={{
       display: 'inline-flex',
@@ -110,7 +111,7 @@ const Chip = ({ icon, children, color = 'primary', sx }) => (
 
 // Mirrors CompactChoreCard's solid, label-coloured chip (not the soft-tinted
 // `Chip` above) so a MiniChoreCard can fake a real label instead of a generic tag.
-const LabelChip = ({ label, color, sx }) => (
+const LabelChip = ({ color, label, sx }) => (
   <Box
     sx={{
       display: 'inline-flex',
@@ -146,13 +147,13 @@ const getName = name => {
  * they do in the task list.
  */
 const MiniChoreCard = ({
-  title,
   due,
   dueColor = 'primary',
-  repeat,
+  footer,
   label,
   labelColor = '#5c6bc0',
-  footer,
+  repeat,
+  title,
 }) => (
   <Box>
     <Box sx={{ display: 'flex', gap: 0.5, ml: 1.25, mb: -1.25, zIndex: 2 }}>
@@ -194,7 +195,7 @@ const MiniChoreCard = ({
   </Box>
 )
 
-const AssigneeChip = ({ name, color = 'primary', sx }) => (
+const AssigneeChip = ({ color = 'primary', name, sx }) => (
   <Box
     sx={{
       mt: 0.5,
@@ -237,7 +238,7 @@ const AssigneeChip = ({ name, color = 'primary', sx }) => (
 // container never resizes as the content changes. The keyframes are derived
 // from the child count so a two-up cycler holds each state twice as long
 // instead of leaving a third of the cycle blank.
-const Cycler = ({ children, sx, cycleMs = CYCLE_MS }) => {
+const Cycler = ({ children, cycleMs = CYCLE_MS, sx }) => {
   const items = Array.isArray(children) ? children : [children]
   const count = items.length
   const step = cycleMs / count
@@ -285,7 +286,7 @@ const SOURCES = [
   { icon: <KeyboardRounded />, label: 'Type' },
 ]
 
-const SourcePill = ({ icon, label, index }) => (
+const SourcePill = ({ icon, index, label }) => (
   <Box
     sx={{
       flex: 1,
@@ -334,7 +335,7 @@ const SourcePill = ({ icon, label, index }) => (
  * plus a local model, nothing uploaded), while speech-to-text still goes
  * through the OS speech recognizer.
  */
-const CaptureVariant = ({ card, caption, icon }) => (
+const CaptureVariant = ({ caption, card, icon }) => (
   <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>
     {card}
     <Chip icon={icon} sx={{ alignSelf: 'flex-start' }}>
@@ -347,7 +348,7 @@ const CaptureVariant = ({ card, caption, icon }) => (
 // in the same grid cell on one shared clock (delay = this variant's slot in
 // the outer Cycler) so the morph always lands while the variant is on screen:
 // ~0-38% holds the raw input, ~46-60% is the handoff, the rest holds the card.
-const CaptureMorph = ({ before, after, delay = 0 }) => (
+const CaptureMorph = ({ after, before, delay = 0 }) => (
   <Box sx={{ display: 'grid' }}>
     <Box
       sx={{
@@ -630,7 +631,7 @@ export const CaptureVignette = () => (
 
 /* --------------------------------- slide 2: due date vs. completion date */
 
-const Milestone = ({ label, date, tone = 'neutral', delay }) => (
+const Milestone = ({ date, delay, label, tone = 'neutral' }) => (
   <Box
     sx={{
       display: 'flex',
@@ -691,7 +692,7 @@ const Milestone = ({ label, date, tone = 'neutral', delay }) => (
   </Box>
 )
 
-const ScheduleTrack = ({ mode, next, delay }) => (
+const ScheduleTrack = ({ delay, mode, next }) => (
   <Box
     sx={{
       ...cardSx,
@@ -763,13 +764,13 @@ export const ScheduleVignette = () => (
  * chip and meta strip.
  */
 const HistoryRow = ({
-  status,
   color,
-  icon,
-  note,
-  meta,
-  performer,
   divider = true,
+  icon,
+  meta,
+  note,
+  performer,
+  status,
 }) => (
   <Box
     sx={{
@@ -856,11 +857,11 @@ const HistoryRow = ({
  * lining all five up in a row that never exists in the app.
  */
 const ActionButton = ({
+  color = 'neutral',
+  flex = 1,
   icon,
   label,
-  color = 'neutral',
   variant,
-  flex = 1,
 }) => (
   <Box
     sx={{
@@ -1273,7 +1274,7 @@ const float = (duration, delay) => ({
   },
 })
 
-const WidgetTask = ({ name, time, done }) => (
+const WidgetTask = ({ done, name, time }) => (
   <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
     <Box
       sx={{
@@ -1351,11 +1352,11 @@ const TodayWidget = () => (
 /* ------------------- notification banners, stacked over the Today widget */
 
 const NotificationBanner = ({
-  icon,
-  color = 'primary',
-  title,
   body,
+  color = 'primary',
   delay,
+  icon,
+  title,
 }) => (
   <Box
     sx={{
diff --git a/src/views/Onboarding/WorkspaceReadyView.jsx b/src/views/Onboarding/WorkspaceReadyView.jsx
index 97fb4f0..b70f9bc 100644
--- a/src/views/Onboarding/WorkspaceReadyView.jsx
+++ b/src/views/Onboarding/WorkspaceReadyView.jsx
@@ -8,9 +8,9 @@ import { useNavigate } from 'react-router-dom'
 import { track } from '../../analytics'
 import Logo from '../../Logo'
 import { useUserProfile } from '../../queries/UserQueries'
+import { isOfficialDonetickInstance } from '../../utils/FeatureToggle'
 import { haptic } from '../../utils/Onboarding'
 import { authButtonSx } from '../Authorization/authStyles'
-import { isOfficialDonetickInstance } from '../../utils/FeatureToggle'
 
 const EASE = 'cubic-bezier(0.22, 1, 0.36, 1)'
 
@@ -41,7 +41,8 @@ const WorkspaceReadyView = () => {
    */
   const showPaywall = async () => {
     const isDonetickDotCom = await isOfficialDonetickInstance()
-    if (!isDonetickDotCom || !Capacitor.isNativePlatform() || !userProfile?.id) return
+    if (!isDonetickDotCom || !Capacitor.isNativePlatform() || !userProfile?.id)
+      return
 
     const { Purchases } = await import('@revenuecat/purchases-capacitor')
     const { RevenueCatUI } = await import('@revenuecat/purchases-capacitor-ui')
diff --git a/src/views/Payments/PaymentFailView.jsx b/src/views/Payments/PaymentFailView.jsx
index 1967156..002e2ab 100644
--- a/src/views/Payments/PaymentFailView.jsx
+++ b/src/views/Payments/PaymentFailView.jsx
@@ -1,7 +1,8 @@
 import { Box, Container, Sheet, Typography } from '@mui/joy'
-import { useTranslation } from 'react-i18next'
 import { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import Logo from '../../Logo'
 
 const PaymentCancelledView = () => {
diff --git a/src/views/Payments/PaymentSuccessView.jsx b/src/views/Payments/PaymentSuccessView.jsx
index 3cd5345..299925e 100644
--- a/src/views/Payments/PaymentSuccessView.jsx
+++ b/src/views/Payments/PaymentSuccessView.jsx
@@ -1,7 +1,8 @@
 import { Box, Container, Sheet, Typography } from '@mui/joy'
-import { useTranslation } from 'react-i18next'
 import { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import Logo from '../../Logo'
 
 const PaymentSuccessView = () => {
diff --git a/src/views/Settings/ProfileSettings.jsx b/src/views/Settings/ProfileSettings.jsx
index 985e722..5eef3b5 100644
--- a/src/views/Settings/ProfileSettings.jsx
+++ b/src/views/Settings/ProfileSettings.jsx
@@ -12,6 +12,7 @@ import imageCompression from 'browser-image-compression'
 import { useRef, useState } from 'react'
 import Cropper from 'react-easy-crop'
 import { useTranslation } from 'react-i18next'
+
 import AppModal from '../../components/common/AppModal'
 import ModalActions from '../../components/common/ModalActions'
 import { useUserProfile } from '../../queries/UserQueries'
@@ -26,7 +27,7 @@ const ProfileSettings = () => {
   const { t } = useTranslation('settings')
   const queryClient = useQueryClient()
   const { data: userProfile, refetch: refetchUserProfile } = useUserProfile()
-  const { showSuccess, showError } = useNotification()
+  const { showError, showSuccess } = useNotification()
   const [displayName, setDisplayName] = useState(userProfile?.displayName || '')
   const [timezone, setTimezone] = useState(
     userProfile?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone,
diff --git a/src/views/Settings/Settings.jsx b/src/views/Settings/Settings.jsx
index 5ff6d9b..7d5b0be 100644
--- a/src/views/Settings/Settings.jsx
+++ b/src/views/Settings/Settings.jsx
@@ -21,6 +21,7 @@ import { useQueryClient } from '@tanstack/react-query'
 import moment from 'moment'
 import { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
+
 import RealTimeSettings from '../../components/RealTimeSettings'
 import SubscriptionModal from '../../components/SubscriptionModal'
 import { useLocalization } from '../../contexts/LocalizationContext'
@@ -347,8 +348,7 @@ const Settings = () => {
                   </Typography>
                 ) : (
                   <Typography level='body-sm' color='danger'>
-                    Request to join{' '}
-                    {fmt.date(member.updatedAt)}
+                    Request to join {fmt.date(member.updatedAt)}
                   </Typography>
                 )}
               </Box>
@@ -718,9 +718,8 @@ const Settings = () => {
             onClick={async () => {
               if (Capacitor.isNativePlatform()) {
                 try {
-                  const { RevenueCatUI } = await import(
-                    '@revenuecat/purchases-capacitor-ui'
-                  )
+                  const { RevenueCatUI } =
+                    await import('@revenuecat/purchases-capacitor-ui')
 
                   const offering = await Purchases.getOfferings()
                   await RevenueCatUI.presentPaywall({
diff --git a/src/views/Settings/SettingsLayout.jsx b/src/views/Settings/SettingsLayout.jsx
index 1a9bd49..5159c3a 100644
--- a/src/views/Settings/SettingsLayout.jsx
+++ b/src/views/Settings/SettingsLayout.jsx
@@ -1,7 +1,7 @@
 import { Box, Container, Typography } from '@mui/joy'
 import { useNavigate } from 'react-router-dom'
 
-const SettingsLayout = ({ title, children }) => {
+const SettingsLayout = ({ children, title }) => {
   const navigate = useNavigate()
 
   return (
diff --git a/src/views/Settings/SettingsRoutes.jsx b/src/views/Settings/SettingsRoutes.jsx
index 1cb6320..e143801 100644
--- a/src/views/Settings/SettingsRoutes.jsx
+++ b/src/views/Settings/SettingsRoutes.jsx
@@ -4,4 +4,4 @@ const SettingsRoutes = () => {
   return <Outlet />
 }
 
-export default SettingsRoutes
\ No newline at end of file
+export default SettingsRoutes
diff --git a/src/views/Settings/ThemeToggle.jsx b/src/views/Settings/ThemeToggle.jsx
index 0092140..54f6433 100644
--- a/src/views/Settings/ThemeToggle.jsx
+++ b/src/views/Settings/ThemeToggle.jsx
@@ -1,4 +1,3 @@
-import useStickyState from '@/hooks/useStickyState'
 import {
   DarkModeOutlined,
   LaptopOutlined,
@@ -13,6 +12,8 @@ import {
 } from '@mui/joy'
 import { useTranslation } from 'react-i18next'
 
+import useStickyState from '@/hooks/useStickyState'
+
 const ELEMENTID = 'select-theme-mode'
 
 const ThemeToggle = () => {
diff --git a/src/views/Settings/ThemeToggleButton.jsx b/src/views/Settings/ThemeToggleButton.jsx
index 055efe4..c31d8e9 100644
--- a/src/views/Settings/ThemeToggleButton.jsx
+++ b/src/views/Settings/ThemeToggleButton.jsx
@@ -1,4 +1,3 @@
-import useStickyState from '@/hooks/useStickyState'
 import {
   BrightnessAuto,
   DarkModeOutlined,
@@ -6,6 +5,8 @@ import {
 } from '@mui/icons-material'
 import { FormControl, IconButton, useColorScheme } from '@mui/joy'
 
+import useStickyState from '@/hooks/useStickyState'
+
 const ELEMENTID = 'select-theme-mode'
 
 const ThemeToggleButton = ({ sx }) => {
diff --git a/src/views/TestView/TimerCard.jsx b/src/views/TestView/TimerCard.jsx
index 510d026..29ab490 100644
--- a/src/views/TestView/TimerCard.jsx
+++ b/src/views/TestView/TimerCard.jsx
@@ -1,23 +1,24 @@
 import { Pause, PlayArrow, Stop, WatchLater } from '@mui/icons-material'
 import { Box, Card, CardContent, IconButton, Typography } from '@mui/joy'
 import { useEffect, useMemo } from 'react'
+
 import useTimer from '../../hooks/useTimer'
 
 const TimerCard = ({
-  variant = 'standalone', // 'standalone' | 'infoCard' | 'floating'
+  onTimeUpdate = () => {}, // 'standalone' | 'infoCard' | 'floating'
   sx = {},
-  onTimeUpdate = () => {},
   title = 'Timer',
+  variant = 'standalone',
 }) => {
   // Use the custom timer hook
   const {
-    time,
-    isRunning,
     isPaused,
-    startTimer,
+    isRunning,
     pauseTimer,
     resumeTimer,
+    startTimer,
     stopTimer,
+    time,
   } = useTimer(onTimeUpdate)
 
   // Memoize formatted time for better performance
diff --git a/src/views/Things/ThingsHistory.jsx b/src/views/Things/ThingsHistory.jsx
index 38b7379..c67f853 100644
--- a/src/views/Things/ThingsHistory.jsx
+++ b/src/views/Things/ThingsHistory.jsx
@@ -10,7 +10,6 @@ import {
   TrendingUp,
   Update,
 } from '@mui/icons-material'
-import { useTranslation } from 'react-i18next'
 import {
   Avatar,
   Box,
@@ -27,8 +26,8 @@ import {
 } from '@mui/joy'
 import { useTheme } from '@mui/joy/styles'
 import moment from 'moment'
+import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
-import { useLocalization } from '../../contexts/LocalizationContext'
 import {
   Line,
   LineChart,
@@ -37,7 +36,9 @@ import {
   XAxis,
   YAxis,
 } from 'recharts'
+
 import EmptyState from '../../components/common/EmptyState'
+import { useLocalization } from '../../contexts/LocalizationContext'
 import { useThingHistory } from '../../queries/ThingQueries'
 import LoadingComponent from '../components/Loading'
 
@@ -49,10 +50,10 @@ const ThingsHistory = () => {
   const {
     data,
     error,
-    isLoading,
     fetchNextPage,
     hasNextPage,
     isFetchingNextPage,
+    isLoading,
     refetch,
   } = useThingHistory(id)
 
@@ -298,9 +299,7 @@ const ThingsHistory = () => {
                   tickLine='true'
                   axisLine='false'
                 />
-                <Tooltip
-                  labelFormatter={label => fmt.dateTime(label)}
-                />
+                <Tooltip labelFormatter={label => fmt.dateTime(label)} />
 
                 <Line
                   type='monotone'
diff --git a/src/views/Timer/TimerDetails.jsx b/src/views/Timer/TimerDetails.jsx
index adc5926..86718ab 100644
--- a/src/views/Timer/TimerDetails.jsx
+++ b/src/views/Timer/TimerDetails.jsx
@@ -1,11 +1,12 @@
+import '@meauxt/react-swipeable-list/dist/styles.css'
+
 import {
-  Type as ListType,
   SwipeableList,
   SwipeableListItem,
   SwipeAction,
   TrailingActions,
+  Type as ListType,
 } from '@meauxt/react-swipeable-list'
-import '@meauxt/react-swipeable-list/dist/styles.css'
 import {
   AccessTime,
   Add,
@@ -37,7 +38,9 @@ import {
 } from '@mui/joy'
 import moment from 'moment'
 import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router-dom'
+
 import EmptyState from '../../components/common/EmptyState'
 import { useLocalization } from '../../contexts/LocalizationContext'
 import {
@@ -49,11 +52,10 @@ import {
 import { useCircleMembers } from '../../queries/UserQueries'
 import { useNotification } from '../../service/NotificationProvider'
 import { commandQueue, CommandType } from '../../utils/CommandQueue'
-import { isOfflineFeatureEnabled } from '../../utils/OfflineFeatureToggle'
 import { resolvePhotoURL } from '../../utils/Helpers'
+import { isOfflineFeatureEnabled } from '../../utils/OfflineFeatureToggle'
 import { getSafeBottom } from '../../utils/SafeAreaUtils'
 import LoadingComponent from '../components/Loading'
-import { useTranslation } from 'react-i18next'
 
 // Effectively "can this action be queued offline?" — requires the offline
 // feature, otherwise there is no command queue to replay it later.
@@ -206,7 +208,6 @@ const TimerDetails = () => {
 
   const cancelEditingSession = sessionId => {
     setEditingSessions(prev => {
-      // eslint-disable-next-line no-unused-vars
       const { [sessionId]: removed, ...rest } = prev
       return rest
     })
diff --git a/src/views/User/UserActivities.jsx b/src/views/User/UserActivities.jsx
index ab29a50..9b13092 100644
--- a/src/views/User/UserActivities.jsx
+++ b/src/views/User/UserActivities.jsx
@@ -1,5 +1,3 @@
-import { Cell, Pie, PieChart, Tooltip } from 'recharts'
-
 import {
   AccessTime,
   CalendarMonth,
@@ -29,26 +27,27 @@ import {
   Typography,
 } from '@mui/joy'
 import React, { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Cell, Pie, PieChart, Tooltip } from 'recharts'
+
 import EmptyState from '../../components/common/EmptyState'
 import FilterBar from '../../components/common/FilterBar'
-import { useFilter } from '../../hooks/useFilter'
-
 import { useLocalization } from '../../contexts/LocalizationContext'
+import { useFilter } from '../../hooks/useFilter'
 import {
   useChores,
   useChoresHistory,
   useDeleteChoreHistory,
   useUpdateChoreHistory,
 } from '../../queries/ChoreQueries'
-import EditHistoryModal from '../Modals/EditHistoryModal'
-import HistoryDetailModal from '../Modals/HistoryDetailModal'
-import NoteViewerModal from '../Modals/Inputs/NoteViewerModal'
 import { useCircleMembers, useUserProfile } from '../../queries/UserQueries.jsx'
-import { useLabels } from '../Labels/LabelQueries'
 import { ChoresGrouper } from '../../utils/Chores'
 import { COLORS, TASK_COLOR } from '../../utils/Colors.jsx'
 import LoadingComponent from '../components/Loading'
-import { useTranslation } from 'react-i18next'
+import { useLabels } from '../Labels/LabelQueries'
+import EditHistoryModal from '../Modals/EditHistoryModal'
+import HistoryDetailModal from '../Modals/HistoryDetailModal'
+import NoteViewerModal from '../Modals/Inputs/NoteViewerModal'
 
 const groupByDate = history => {
   const aggregated = {}
@@ -82,13 +81,13 @@ const statusConfig = {
 }
 
 const ChoreHistoryItem = ({
-  time,
   name,
+  notes,
+  onViewDetails,
+  onViewNote,
   points,
   status,
-  notes,
-  onViewNote,
-  onViewDetails,
+  time,
 }) => {
   const { t } = useTranslation('history')
   const cfg = statusConfig[status] ?? statusConfig[1]
@@ -169,9 +168,9 @@ const ChoreHistoryItem = ({
 
 const ChoreHistoryTimeline = ({
   history,
-  performers,
-  onViewNote,
   onViewDetails,
+  onViewNote,
+  performers,
 }) => {
   const { fmt } = useLocalization()
 
@@ -439,8 +438,8 @@ const UserActivites = () => {
   const { data: choresData, isLoading: isChoresLoading } = useChores(true)
   const {
     data: choresHistory,
-    isChoresHistoryLoading,
     handleLimitChange: refetchHistory,
+    isChoresHistoryLoading,
   } = useChoresHistory(tabValue ? tabValue : 30, true)
   const { data: circleMembersData } = useCircleMembers()
   const [selectedUser, setSelectedUser] = React.useState('all')
@@ -461,12 +460,42 @@ const UserActivites = () => {
         type: 'multi-select',
         icon: <Checklist />,
         options: [
-          { value: 1, label: t('status.completed'), color: 'success', icon: <Check sx={{ fontSize: 14 }} /> },
-          { value: 2, label: t('status.skipped'), color: 'warning', icon: <Redo sx={{ fontSize: 14 }} /> },
-          { value: 3, label: t('filter.pending'), color: 'neutral', icon: <HourglassEmpty sx={{ fontSize: 14 }} /> },
-          { value: 4, label: t('status.rejected'), color: 'danger', icon: <ThumbDown sx={{ fontSize: 14 }} /> },
-          { value: 5, label: t('status.missed'), color: 'danger', icon: <RunningWithErrors sx={{ fontSize: 14 }} /> },
-          { value: 6, label: t('status.rescheduled'), color: 'warning', icon: <Schedule sx={{ fontSize: 14 }} /> },
+          {
+            value: 1,
+            label: t('status.completed'),
+            color: 'success',
+            icon: <Check sx={{ fontSize: 14 }} />,
+          },
+          {
+            value: 2,
+            label: t('status.skipped'),
+            color: 'warning',
+            icon: <Redo sx={{ fontSize: 14 }} />,
+          },
+          {
+            value: 3,
+            label: t('filter.pending'),
+            color: 'neutral',
+            icon: <HourglassEmpty sx={{ fontSize: 14 }} />,
+          },
+          {
+            value: 4,
+            label: t('status.rejected'),
+            color: 'danger',
+            icon: <ThumbDown sx={{ fontSize: 14 }} />,
+          },
+          {
+            value: 5,
+            label: t('status.missed'),
+            color: 'danger',
+            icon: <RunningWithErrors sx={{ fontSize: 14 }} />,
+          },
+          {
+            value: 6,
+            label: t('status.rescheduled'),
+            color: 'warning',
+            icon: <Schedule sx={{ fontSize: 14 }} />,
+          },
         ],
         filterFn: (item, values) => values.includes(item.status),
       },
@@ -518,10 +547,10 @@ const UserActivites = () => {
   )
 
   const {
-    filteredData: filteredTimeline,
     activeFilters: clientActiveFilters,
-    setFilter: setClientFilter,
     clearAll: clearClientFilters,
+    filteredData: filteredTimeline,
+    setFilter: setClientFilter,
   } = useFilter(selectedHistory, clientFilterDefs)
 
   // All filter defs merged for FilterBar display
diff --git a/src/views/User/UserPoints.jsx b/src/views/User/UserPoints.jsx
index 93c7979..fce8e3c 100644
--- a/src/views/User/UserPoints.jsx
+++ b/src/views/User/UserPoints.jsx
@@ -1,12 +1,3 @@
-import {
-  Bar,
-  BarChart,
-  CartesianGrid,
-  ResponsiveContainer,
-  XAxis,
-  YAxis,
-} from 'recharts'
-
 import {
   AccountBalanceWallet,
   Analytics,
@@ -39,15 +30,23 @@ import {
   Tabs,
   Typography,
 } from '@mui/joy'
-import { useEffect, useState } from 'react'
 import moment from 'moment'
+import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import LoadingComponent from '../components/Loading.jsx'
+import {
+  Bar,
+  BarChart,
+  CartesianGrid,
+  ResponsiveContainer,
+  XAxis,
+  YAxis,
+} from 'recharts'
 
 import { useChoresHistory } from '../../queries/ChoreQueries.jsx'
 import { useCircleMembers, useUserProfile } from '../../queries/UserQueries.jsx'
 import { RedeemPoints } from '../../utils/Fetcher.jsx'
 import { resolvePhotoURL } from '../../utils/Helpers.jsx'
+import LoadingComponent from '../components/Loading.jsx'
 import RedeemPointsModal from '../Modals/RedeemPointsModal'
 const UserPoints = () => {
   const { t } = useTranslation('points')
@@ -57,14 +56,14 @@ const UserPoints = () => {
 
   const {
     data: circleMembersData,
-    isLoading: isCircleMembersLoading,
     handleRefetch: handleCircleMembersRefetch,
+    isLoading: isCircleMembersLoading,
   } = useCircleMembers()
 
   const {
     data: choresHistoryData,
-    isLoading: isChoresHistoryLoading,
     handleLimitChange: handleChoresHistoryLimitChange,
+    isLoading: isChoresHistoryLoading,
   } = useChoresHistory(7, true)
 
   const { data: userProfile } = useUserProfile()
@@ -953,7 +952,7 @@ const UserPoints = () => {
             isOpen: isRedeemModalOpen,
             available: availablePoints,
             user: user,
-            onSave: ({ userId, points }) => {
+            onSave: ({ points, userId }) => {
               RedeemPoints(userId, points, userProfile.circleID)
                 .then(() => {
                   setIsRedeemModalOpen(false)
diff --git a/src/views/components/AdvancedOptionsSection.jsx b/src/views/components/AdvancedOptionsSection.jsx
index 68a662c..77c02c5 100644
--- a/src/views/components/AdvancedOptionsSection.jsx
+++ b/src/views/components/AdvancedOptionsSection.jsx
@@ -26,7 +26,7 @@ const STRATEGY_OPTIONS = [
   { value: 'round_robin', label: 'Round robin' },
 ]
 
-const FieldRow = ({ label, description, children, onLabelClick }) => (
+const FieldRow = ({ children, description, label, onLabelClick }) => (
   <Box
     sx={{
       display: 'flex',
@@ -62,16 +62,20 @@ const FieldRow = ({ label, description, children, onLabelClick }) => (
 
 // Trigger button — place this inside the chip/action row
 export const AdvancedOptionsTrigger = ({
-  open,
-  onToggle,
   activeCount = 0,
   emptyDisplay = 'icon-text',
+  onToggle,
+  open,
 }) => {
   const showLabel = emptyDisplay === 'icon-text' || open || activeCount > 0
 
   return (
     <Box
-      sx={{ position: 'relative', display: 'inline-flex', alignItems: 'center' }}
+      sx={{
+        position: 'relative',
+        display: 'inline-flex',
+        alignItems: 'center',
+      }}
     >
       <Button
         size='sm'
@@ -132,22 +136,22 @@ export const AdvancedOptionsTrigger = ({
 
 // Panel — place this as a sibling below the description/subtask sections
 const AdvancedOptionsSection = ({
-  open,
-  points,
-  onPointsChange,
-  requireApproval,
-  onRequireApprovalChange,
-  completionWindow,
-  onCompletionWindowChange,
-  deadlineOffset,
-  onDeadlineOffsetChange,
   assignStrategy,
-  onAssignStrategyChange,
-  isPrivate,
-  onIsPrivateChange,
+  completionWindow,
+  deadlineOffset,
+  hasAssignees,
   hasDueDate,
   hasMultipleAssignees,
-  hasAssignees,
+  isPrivate,
+  onAssignStrategyChange,
+  onCompletionWindowChange,
+  onDeadlineOffsetChange,
+  onIsPrivateChange,
+  onPointsChange,
+  onRequireApprovalChange,
+  open,
+  points,
+  requireApproval,
 }) => {
   const displayPoints = points <= 0 ? 0 : points
 
@@ -311,7 +315,6 @@ const AdvancedOptionsSection = ({
                   slotProps={{ input: { min: 0 } }}
                 />
               </FieldRow>
-
             </>
           ) : (
             <Typography
diff --git a/src/views/components/AutocompleteInput.jsx b/src/views/components/AutocompleteInput.jsx
index 27cee2f..dfc5bc6 100644
--- a/src/views/components/AutocompleteInput.jsx
+++ b/src/views/components/AutocompleteInput.jsx
@@ -1,8 +1,8 @@
 import { Chip, List, ListItem, ListItemButton, Textarea } from '@mui/joy'
-import { useTranslation } from 'react-i18next'
 import React, { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 
-const AutocompleteInput = ({ options, ref, value, onChange, ...props }) => {
+const AutocompleteInput = ({ onChange, options, ref, value, ...props }) => {
   const { t } = useTranslation('common')
   const [filteredOptions, setFilteredOptions] = useState([])
   const [menuVisible, setMenuVisible] = useState(false)
diff --git a/src/views/components/AutocompleteSelect.jsx b/src/views/components/AutocompleteSelect.jsx
index d7746f4..c9e1eef 100644
--- a/src/views/components/AutocompleteSelect.jsx
+++ b/src/views/components/AutocompleteSelect.jsx
@@ -8,8 +8,8 @@ import * as React from 'react'
 const filter = createFilterOptions()
 
 export default function FreeSoloCreateOption({
-  options,
   onSelectChange,
+  options,
   selected,
 }) {
   React.useEffect(() => {
diff --git a/src/views/components/BaseOptionPicker.jsx b/src/views/components/BaseOptionPicker.jsx
index 42d01be..9d42266 100644
--- a/src/views/components/BaseOptionPicker.jsx
+++ b/src/views/components/BaseOptionPicker.jsx
@@ -4,27 +4,27 @@ import { ClickAwayListener, Popper } from '@mui/material'
 import { useEffect, useMemo, useRef, useState } from 'react'
 
 const BaseOptionPicker = ({
-  items = [],
-  value = null,
-  values = [],
-  multiple = false,
-  onChange,
-  onValuesChange,
   emptyDisplay = 'icon',
   emptyLabel = 'Select',
-  placement = 'top-start',
-  menuMinWidth = 180,
-  menuMaxHeight = 280,
-  getItemValue = item => item.id,
+  getItemColor,
   getItemLabel = item => item.label,
+  getItemValue = item => item.id,
+  getTriggerText,
+  items = [],
+  menuFooter,
+  menuMaxHeight = 280,
+  menuMinWidth = 180,
+  multiple = false,
+  onChange,
+  onClear,
+  onOpenChange,
+  onValuesChange,
+  open: openProp,
+  placement = 'top-start',
   renderItemStart,
   renderTriggerIcon,
-  getItemColor,
-  getTriggerText,
-  onClear,
-  menuFooter,
-  open: openProp,
-  onOpenChange,
+  value = null,
+  values = [],
 }) => {
   const [internalOpen, setInternalOpen] = useState(false)
   const isControlled = openProp !== undefined
diff --git a/src/views/components/CalendarCard.jsx b/src/views/components/CalendarCard.jsx
index 39ed421..abb03b4 100644
--- a/src/views/components/CalendarCard.jsx
+++ b/src/views/components/CalendarCard.jsx
@@ -3,10 +3,10 @@ import { Avatar, Box, Chip, Grid, Typography } from '@mui/joy'
 import moment from 'moment'
 import { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
+
 import { useLocalization } from '../../contexts/LocalizationContext'
 import { useCircleMembers, useUserProfile } from '../../queries/UserQueries'
 import { getPriorityColor, TASK_COLOR } from '../../utils/Colors'
-
 import CalendarMonthly from './CalendarMonthly'
 
 const getAssigneeColor = (assignee, userProfile) => {
@@ -35,14 +35,14 @@ const CalendarCard = ({ chores }) => {
     const tomorrow = new Date(now)
     tomorrow.setDate(tomorrow.getDate() + 1)
     tomorrow.setHours(0, 0, 0, 0) // Set to start of tomorrow
-    
+
     const msUntilTomorrow = tomorrow.getTime() - now.getTime()
 
     const timeout = setTimeout(() => {
       const today = new Date()
       const yesterday = new Date(today)
       yesterday.setDate(yesterday.getDate() - 1)
-      
+
       // Check if selected date is now yesterday and update to today
       if (selectedDate.toDateString() === yesterday.toDateString()) {
         setSeletedDate(today)
@@ -198,9 +198,7 @@ const CalendarCard = ({ chores }) => {
               width: '100%',
             }}
           >
-            <Typography level='title-md'>
-              {fmt.date(selectedDate)}
-            </Typography>
+            <Typography level='title-md'>{fmt.date(selectedDate)}</Typography>
             <Chip variant='soft' color='primary' size='md'>
               {(() => {
                 const count = chores.filter(chore => {
diff --git a/src/views/components/CalendarDual.jsx b/src/views/components/CalendarDual.jsx
index bc5cd6f..dadf6f6 100644
--- a/src/views/components/CalendarDual.jsx
+++ b/src/views/components/CalendarDual.jsx
@@ -2,9 +2,10 @@ import { Box, Typography } from '@mui/joy'
 import { useEffect, useState } from 'react'
 import Calendar from 'react-calendar'
 import { useNavigate } from 'react-router-dom'
+
+import { useLocalization } from '../../contexts/LocalizationContext'
 import { useCircleMembers, useUserProfile } from '../../queries/UserQueries'
 import { getPriorityColor, TASK_COLOR } from '../../utils/Colors'
-import { useLocalization } from '../../contexts/LocalizationContext'
 import styles from './CalendarDual.module.css'
 
 const getAssigneeColor = (assignee, userProfile) => {
@@ -16,7 +17,11 @@ const CalendarDual = ({ chores, onDateChange }) => {
   const { data: userProfile } = useUserProfile()
   const { firstDayOfWeek, fmt } = useLocalization()
   const calendarType =
-    firstDayOfWeek === 1 ? 'iso8601' : firstDayOfWeek === 6 ? 'islamic' : 'gregory'
+    firstDayOfWeek === 1
+      ? 'iso8601'
+      : firstDayOfWeek === 6
+        ? 'islamic'
+        : 'gregory'
 
   const [selectedDate, setSeletedDate] = useState(null)
   const [currentDate, setCurrentDate] = useState(new Date())
diff --git a/src/views/components/CalendarMonthly.jsx b/src/views/components/CalendarMonthly.jsx
index c03ddd9..01db8fd 100644
--- a/src/views/components/CalendarMonthly.jsx
+++ b/src/views/components/CalendarMonthly.jsx
@@ -1,11 +1,16 @@
 import Calendar from 'react-calendar'
+
 import { useLocalization } from '../../contexts/LocalizationContext'
 import { getPriorityColor } from '../../utils/Colors'
 import styles from './Calendar.module.css'
 const CalendarMonthly = ({ chores, onDateChange }) => {
   const { firstDayOfWeek } = useLocalization()
   const calendarType =
-    firstDayOfWeek === 1 ? 'iso8601' : firstDayOfWeek === 6 ? 'islamic' : 'gregory'
+    firstDayOfWeek === 1
+      ? 'iso8601'
+      : firstDayOfWeek === 6
+        ? 'islamic'
+        : 'gregory'
   const tileContent = ({ date, view }) => {
     if (view === 'month') {
       const dayChores = chores.filter(chore => {
diff --git a/src/views/components/ChoreActionMenu.jsx b/src/views/components/ChoreActionMenu.jsx
index 5b30d14..a77afee 100644
--- a/src/views/components/ChoreActionMenu.jsx
+++ b/src/views/components/ChoreActionMenu.jsx
@@ -43,6 +43,7 @@ import { useMediaQuery } from '@mui/material'
 import React, { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import AppModal from '../../components/common/AppModal'
 import LABEL_COLORS, {
   getTextColorFromBackgroundColor,
@@ -65,21 +66,21 @@ const collapseDividers = items =>
 
 const ChoreActionMenu = ({
   chore,
+  hiddenActions = [],
   onAction,
-  onCompleteWithNote,
-  onCompleteWithPastDate,
   onChangeAssignee,
   onChangeDueDate,
   onChangePriority,
-  onWriteNFC,
-  onNudge,
+  onCompleteWithNote,
+  onCompleteWithPastDate,
   onDelete,
-  onOpen,
   onMouseEnter,
   onMouseLeave,
-  hiddenActions = [],
-  trigger,
+  onNudge,
+  onOpen,
+  onWriteNFC,
   sx = {},
+  trigger,
   variant = 'soft',
 }) => {
   const { t } = useTranslation('chores')
@@ -362,9 +363,24 @@ const ChoreActionMenu = ({
         handleMenuClose()
       },
     },
-    { key: 'edit', icon: <Edit />, label: t('choreView.edit'), onClick: handleEdit },
-    { key: 'clone', icon: <CopyAll />, label: t('actionMenu.clone'), onClick: handleClone },
-    { key: 'view', icon: <ViewCarousel />, label: t('actionMenu.view'), onClick: handleView },
+    {
+      key: 'edit',
+      icon: <Edit />,
+      label: t('choreView.edit'),
+      onClick: handleEdit,
+    },
+    {
+      key: 'clone',
+      icon: <CopyAll />,
+      label: t('actionMenu.clone'),
+      onClick: handleClone,
+    },
+    {
+      key: 'view',
+      icon: <ViewCarousel />,
+      label: t('actionMenu.view'),
+      onClick: handleView,
+    },
     {
       key: 'archive',
       icon: chore.isActive ? <Archive /> : <Unarchive />,
diff --git a/src/views/components/DueDatePickerField.jsx b/src/views/components/DueDatePickerField.jsx
index 3550298..f3e771d 100644
--- a/src/views/components/DueDatePickerField.jsx
+++ b/src/views/components/DueDatePickerField.jsx
@@ -2,18 +2,19 @@ import { CalendarMonth, Close } from '@mui/icons-material'
 import { Box, Button, IconButton, Typography } from '@mui/joy'
 import moment from 'moment'
 import { useMemo, useState } from 'react'
+
 import DueDatePickerModal from './DueDatePickerModal'
 
 const DueDatePickerField = ({
   dueDateOnly,
   dueTime,
-  useCustomTime,
+  emptyDisplay = 'icon-text',
+  onClear,
   onDueDateChange,
   onDueTimeChange,
   onUseCustomTimeChange,
-  onClear,
-  emptyDisplay = 'icon-text',
   size = 'sm',
+  useCustomTime,
 }) => {
   const [isOpen, setIsOpen] = useState(false)
 
diff --git a/src/views/components/DueDatePickerModal.jsx b/src/views/components/DueDatePickerModal.jsx
index c0f47da..2a690ab 100644
--- a/src/views/components/DueDatePickerModal.jsx
+++ b/src/views/components/DueDatePickerModal.jsx
@@ -21,6 +21,7 @@ import {
 import moment from 'moment'
 import { useEffect, useState } from 'react'
 import Calendar from 'react-calendar'
+
 import ModalActions from '../../components/common/ModalActions'
 import { useLocalization } from '../../contexts/LocalizationContext'
 import { useResponsiveModal } from '../../hooks/useResponsiveModal'
@@ -92,15 +93,15 @@ const toDateKey = date => moment(date).format('YYYY-MM-DD')
  * reschedule a task — task cards, swipe actions, action menus.
  */
 const DueDatePickerModal = ({
-  open,
-  onClose,
-  title = 'Due Date',
+  applyLabel = 'Apply',
   dueDateOnly,
   dueTime,
-  useCustomTime,
   onApply,
+  onClose,
   onRemove,
-  applyLabel = 'Apply',
+  open,
+  title = 'Due Date',
+  useCustomTime,
 }) => {
   const { ResponsiveModal } = useResponsiveModal()
   const { firstDayOfWeek } = useLocalization()
diff --git a/src/views/components/IconButtonTouchable.jsx b/src/views/components/IconButtonTouchable.jsx
index c8cc4e5..e4ad440 100644
--- a/src/views/components/IconButtonTouchable.jsx
+++ b/src/views/components/IconButtonTouchable.jsx
@@ -1,7 +1,7 @@
 import IconButton from '@mui/joy/IconButton'
 import React, { useRef, useState } from 'react'
 
-const IconButtonTouchable = ({ onHold, onClick, ...props }) => {
+const IconButtonTouchable = ({ onClick, onHold, ...props }) => {
   const [holdTimeout, setHoldTimeout] = useState(null)
   const holdRef = useRef(false)
 
diff --git a/src/views/components/LabelsPickerField.jsx b/src/views/components/LabelsPickerField.jsx
index 499640c..5bf7386 100644
--- a/src/views/components/LabelsPickerField.jsx
+++ b/src/views/components/LabelsPickerField.jsx
@@ -1,15 +1,16 @@
 import { Add, Label } from '@mui/icons-material'
 import { Button } from '@mui/joy'
 import { useState } from 'react'
+
 import LabelModal from '../Modals/Inputs/LabelModal'
 import BaseOptionPicker from './BaseOptionPicker'
 
 const LabelsPickerField = ({
-  values = [],
+  emptyDisplay = 'icon-text',
+  labels = [],
   onChange,
   onClear,
-  labels = [],
-  emptyDisplay = 'icon-text',
+  values = [],
 }) => {
   const [createOpen, setCreateOpen] = useState(false)
   const [pickerOpen, setPickerOpen] = useState(false)
@@ -44,7 +45,7 @@ const LabelsPickerField = ({
             }}
           />
         )}
-        getTriggerText={({ selectedItems, isEmpty }) => {
+        getTriggerText={({ isEmpty, selectedItems }) => {
           if (isEmpty) return 'Labels'
           if (selectedItems.length === 1) return selectedItems[0].name
           return `${selectedItems.length} labels`
diff --git a/src/views/components/Loading.jsx b/src/views/components/Loading.jsx
index a8087f3..64d9a8e 100644
--- a/src/views/components/Loading.jsx
+++ b/src/views/components/Loading.jsx
@@ -2,8 +2,9 @@ import { Box, Button, CircularProgress, Container } from '@mui/joy'
 import { Typography } from '@mui/material'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Logo from '../../Logo'
+
 import { networkManager } from '../../hooks/NetworkManager'
+import Logo from '../../Logo'
 
 const LoadingComponent = () => {
   const { t } = useTranslation('common')
diff --git a/src/views/components/NavBarLink.jsx b/src/views/components/NavBarLink.jsx
index 62dd64f..eb95022 100644
--- a/src/views/components/NavBarLink.jsx
+++ b/src/views/components/NavBarLink.jsx
@@ -7,7 +7,7 @@ import {
 import { Link } from 'react-router-dom'
 
 const NavBarLink = ({ link }) => {
-  const { to, icon, label, onClick } = link
+  const { icon, label, onClick, to } = link
   return (
     <ListItem>
       <ListItemButton
diff --git a/src/views/components/NavBarMobile.jsx b/src/views/components/NavBarMobile.jsx
index 3792c66..d8f2208 100644
--- a/src/views/components/NavBarMobile.jsx
+++ b/src/views/components/NavBarMobile.jsx
@@ -1,14 +1,14 @@
-import * as React from 'react'
-import { useTranslation } from 'react-i18next'
+import FavoriteBorder from '@mui/icons-material/FavoriteBorder'
+import HomeRoundedIcon from '@mui/icons-material/HomeRounded'
+import Person from '@mui/icons-material/Person'
+import Search from '@mui/icons-material/Search'
 import Box from '@mui/joy/Box'
 import ListItemDecorator from '@mui/joy/ListItemDecorator'
-import Tabs from '@mui/joy/Tabs'
-import TabList from '@mui/joy/TabList'
 import Tab, { tabClasses } from '@mui/joy/Tab'
-import HomeRoundedIcon from '@mui/icons-material/HomeRounded'
-import FavoriteBorder from '@mui/icons-material/FavoriteBorder'
-import Search from '@mui/icons-material/Search'
-import Person from '@mui/icons-material/Person'
+import TabList from '@mui/joy/TabList'
+import Tabs from '@mui/joy/Tabs'
+import * as React from 'react'
+import { useTranslation } from 'react-i18next'
 
 export default function NavBarMobile() {
   const { t } = useTranslation('common')
diff --git a/src/views/components/NotFound.jsx b/src/views/components/NotFound.jsx
index f89d13b..38eb3c2 100644
--- a/src/views/components/NotFound.jsx
+++ b/src/views/components/NotFound.jsx
@@ -1,5 +1,6 @@
 import { Explore, HomeRounded } from '@mui/icons-material'
 import { Container } from '@mui/joy'
+
 import EmptyState from '../../components/common/EmptyState'
 
 const NotFound = () => {
diff --git a/src/views/components/NotificationPickerField.jsx b/src/views/components/NotificationPickerField.jsx
index d0989c3..5294794 100644
--- a/src/views/components/NotificationPickerField.jsx
+++ b/src/views/components/NotificationPickerField.jsx
@@ -1,10 +1,11 @@
 import { Close, NotificationsNone } from '@mui/icons-material'
 import { Box, Button, IconButton, Typography } from '@mui/joy'
 import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../components/common/ModalActions'
 import NotificationTemplate from '../../components/NotificationTemplate'
 import { useResponsiveModal } from '../../hooks/useResponsiveModal'
-import { useTranslation } from 'react-i18next'
 
 const getDisplayLabel = templates => {
   if (!templates || templates.length === 0) return 'Remind'
@@ -22,11 +23,11 @@ const getDisplayLabel = templates => {
 }
 
 const NotificationPickerField = ({
-  value,
+  emptyDisplay = 'icon-text',
   onChange,
   onClear,
-  emptyDisplay = 'icon-text',
   size = 'sm',
+  value,
 }) => {
   const { t } = useTranslation('chores')
   const [isOpen, setIsOpen] = useState(false)
@@ -63,7 +64,10 @@ const NotificationPickerField = ({
             }
           : undefined
       }
-      secondary={{ label: t('choreView.cancel'), onClick: () => setIsOpen(false) }}
+      secondary={{
+        label: t('choreView.cancel'),
+        onClick: () => setIsOpen(false),
+      }}
       primary={{ label: t('common:apply'), onClick: handleSave }}
     />
   )
diff --git a/src/views/components/PendingBadge.jsx b/src/views/components/PendingBadge.jsx
index 0af19b3..cd2534a 100644
--- a/src/views/components/PendingBadge.jsx
+++ b/src/views/components/PendingBadge.jsx
@@ -9,10 +9,11 @@ import {
 } from '@mui/joy'
 import { useQueryClient } from '@tanstack/react-query'
 import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../components/common/ModalActions'
 import { useResponsiveModal } from '../../hooks/useResponsiveModal'
 import { commandQueue } from '../../utils/CommandQueue'
-import { useTranslation } from 'react-i18next'
 
 const LABELS = {
   complete_chore: 'Complete pending',
diff --git a/src/views/components/PhotoTaskModal.jsx b/src/views/components/PhotoTaskModal.jsx
index 3b43151..0b31884 100644
--- a/src/views/components/PhotoTaskModal.jsx
+++ b/src/views/components/PhotoTaskModal.jsx
@@ -7,7 +7,6 @@ import {
   Replay,
   TextSnippet,
 } from '@mui/icons-material'
-import { useTranslation } from 'react-i18next'
 import {
   Box,
   Button,
@@ -16,8 +15,10 @@ import {
   Typography,
 } from '@mui/joy'
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { useDocumentScanner } from '../../hooks/useDocumentScanner'
+import { useTranslation } from 'react-i18next'
+
 import ModalActions from '../../components/common/ModalActions'
+import { useDocumentScanner } from '../../hooks/useDocumentScanner'
 import { useResponsiveModal } from '../../hooks/useResponsiveModal'
 import { localAIService } from '../../service/LocalAIService'
 
@@ -121,7 +122,7 @@ async function extractTaskFromOCR(ocrText) {
   }
 }
 
-const PhotoTaskModal = ({ open, onClose, onTaskExtracted }) => {
+const PhotoTaskModal = ({ onClose, onTaskExtracted, open }) => {
   const { t } = useTranslation('chores')
   const { ResponsiveModal } = useResponsiveModal()
   const { isNativeScanner, scanDocument } = useDocumentScanner()
@@ -263,7 +264,7 @@ const PhotoTaskModal = ({ open, onClose, onTaskExtracted }) => {
   }
 
   const handleNativeScan = async () => {
-    const { image, cancelled, error } = await scanDocument()
+    const { cancelled, error, image } = await scanDocument()
     if (cancelled) return
     if (error || !image) {
       setErrorMsg(
diff --git a/src/views/components/PriorityPickerField.jsx b/src/views/components/PriorityPickerField.jsx
index b4eca5e..ec542ac 100644
--- a/src/views/components/PriorityPickerField.jsx
+++ b/src/views/components/PriorityPickerField.jsx
@@ -1,4 +1,5 @@
 import { Flag } from '@mui/icons-material'
+
 import BaseOptionPicker from './BaseOptionPicker'
 
 const defaultPriorityColors = {
@@ -18,13 +19,13 @@ const defaultPriorityLabels = {
 }
 
 const PriorityPickerField = ({
-  value = 0,
+  emptyDisplay = 'icon-text',
   onChange,
   onClear,
-  emptyDisplay = 'icon-text',
   priorityColors = defaultPriorityColors,
   priorityLabels = defaultPriorityLabels,
   size = 'sm',
+  value = 0,
 }) => {
   const options = [1, 2, 3, 4].map(priorityOption => ({
     id: priorityOption,
@@ -45,12 +46,12 @@ const PriorityPickerField = ({
       getItemValue={item => item.id}
       getItemLabel={item => item.label}
       getItemColor={item => item.color}
-      getTriggerText={({ selectedItems, isEmpty }) => {
+      getTriggerText={({ isEmpty, selectedItems }) => {
         // For priority 0 (no priority), show empty string (icon only)
         if (value === 0 || isEmpty) return 'Priority'
         return selectedItems[0]?.label || ''
       }}
-      renderTriggerIcon={({ selectedItems, isEmpty }) => (
+      renderTriggerIcon={({ isEmpty, selectedItems }) => (
         <Flag
           sx={{
             color: isEmpty || value === 0 ? '' : selectedItems[0]?.color,
diff --git a/src/views/components/ProjectPickerField.jsx b/src/views/components/ProjectPickerField.jsx
index 2ca9cb0..d85897f 100644
--- a/src/views/components/ProjectPickerField.jsx
+++ b/src/views/components/ProjectPickerField.jsx
@@ -1,12 +1,13 @@
 import { FolderOpen } from '@mui/icons-material'
+
 import BaseOptionPicker from './BaseOptionPicker'
 
 const ProjectPickerField = ({
-  value = 'default',
+  emptyDisplay = 'icon-text',
   onChange,
   onClear,
   projects = [],
-  emptyDisplay = 'icon-text',
+  value = 'default',
 }) => {
   const options = [
     { id: 'default', name: 'Default Project', color: '#9CA3AF' },
@@ -37,7 +38,7 @@ const ProjectPickerField = ({
           }}
         />
       )}
-      getTriggerText={({ selectedItems, isEmpty }) =>
+      getTriggerText={({ isEmpty, selectedItems }) =>
         isEmpty ? 'Project' : selectedItems[0].name
       }
       menuMinWidth={240}
diff --git a/src/views/components/ProjectSelector.jsx b/src/views/components/ProjectSelector.jsx
index 385d3cd..bccdc1b 100644
--- a/src/views/components/ProjectSelector.jsx
+++ b/src/views/components/ProjectSelector.jsx
@@ -10,9 +10,10 @@ import {
   MenuItem,
   Typography,
 } from '@mui/joy'
-import { useTranslation } from 'react-i18next'
 import { useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+
 import KeyboardShortcutHint from '../../components/common/KeyboardShortcutHint'
 import LABEL_COLORS, {
   getTextColorFromBackgroundColor,
@@ -22,8 +23,8 @@ import ProjectModal from '../Modals/Inputs/ProjectModal'
 import { useProjects } from '../Projects/ProjectQueries'
 
 const ProjectSelector = ({
-  selectedProject = 'Default Project',
   onProjectSelect,
+  selectedProject = 'Default Project',
   showKeyboardShortcuts = false,
 }) => {
   const { t } = useTranslation('projects')
@@ -370,7 +371,9 @@ const ProjectSelector = ({
               backgroundColor:
                 effectiveSelectedProject === project.name
                   ? 'var(--joy-palette-primary-softBg)'
-                  : selectedIndex === index + 1 && anchorEl && isKeyboardNavigating
+                  : selectedIndex === index + 1 &&
+                      anchorEl &&
+                      isKeyboardNavigating
                     ? 'var(--joy-palette-neutral-softHoverBg)'
                     : 'transparent',
               '&:hover': {
@@ -461,7 +464,9 @@ const ProjectSelector = ({
           sx={{
             borderRadius: 'var(--joy-radius-sm)',
             backgroundColor:
-              selectedIndex === defaultProjects.length + 1 && anchorEl && isKeyboardNavigating
+              selectedIndex === defaultProjects.length + 1 &&
+              anchorEl &&
+              isKeyboardNavigating
                 ? 'var(--joy-palette-success-softHoverBg)'
                 : 'transparent',
             '&:hover': {
@@ -496,7 +501,9 @@ const ProjectSelector = ({
           sx={{
             borderRadius: 'var(--joy-radius-sm)',
             backgroundColor:
-              selectedIndex === defaultProjects.length + 2 && anchorEl && isKeyboardNavigating
+              selectedIndex === defaultProjects.length + 2 &&
+              anchorEl &&
+              isKeyboardNavigating
                 ? 'var(--joy-palette-neutral-softHoverBg)'
                 : 'transparent',
             '&:hover': {
diff --git a/src/views/components/RepeatPickerField.jsx b/src/views/components/RepeatPickerField.jsx
index 4f1c890..af61eb0 100644
--- a/src/views/components/RepeatPickerField.jsx
+++ b/src/views/components/RepeatPickerField.jsx
@@ -14,9 +14,10 @@ import {
 } from '@mui/joy'
 import moment from 'moment'
 import { useEffect, useState } from 'react'
+
 import ModalActions from '../../components/common/ModalActions'
-import { getRecurrentChipText } from '../../utils/ChoreCardHelpers'
 import { useResponsiveModal } from '../../hooks/useResponsiveModal'
+import { getRecurrentChipText } from '../../utils/ChoreCardHelpers'
 
 const FREQUENCY_TYPES = [
   'daily',
@@ -76,7 +77,7 @@ const initLocalState = value => {
     }
   }
 
-  let { frequencyType, frequency, frequencyMetadata } = value
+  let { frequency, frequencyMetadata, frequencyType } = value
 
   // Normalize parser output: interval/1/days → daily, etc.
   if (frequencyType === 'interval' && frequency === 1) {
@@ -148,8 +149,8 @@ const pillListSx = {
 const IntervalSection = ({
   frequency,
   frequencyMetadata,
-  onFrequencyUpdate,
   onFrequencyMetadataUpdate,
+  onFrequencyUpdate,
 }) => (
   <Box>
     <SectionLabel>Repeat every</SectionLabel>
@@ -313,8 +314,8 @@ const DaysOfWeekSection = ({
 const DayOfMonthSection = ({
   frequency,
   frequencyMetadata,
-  onFrequencyUpdate,
   onFrequencyMetadataUpdate,
+  onFrequencyUpdate,
 }) => {
   const selectedMonths = frequencyMetadata?.months || []
 
@@ -370,11 +371,11 @@ const DayOfMonthSection = ({
 }
 
 const RepeatPickerField = ({
-  value,
+  emptyDisplay = 'icon-text',
   onChange,
   onClear,
-  emptyDisplay = 'icon-text',
   size = 'sm',
+  value,
 }) => {
   const [isOpen, setIsOpen] = useState(false)
   const [localFrequencyType, setLocalFrequencyType] = useState('daily')
diff --git a/src/views/components/RichTextEditor.jsx b/src/views/components/RichTextEditor.jsx
index 79fc478..743298f 100644
--- a/src/views/components/RichTextEditor.jsx
+++ b/src/views/components/RichTextEditor.jsx
@@ -1,6 +1,7 @@
+import 'quill/dist/quill.snow.css'
+
 import imageCompression from 'browser-image-compression'
 import Quill from 'quill'
-import 'quill/dist/quill.snow.css'
 import QuillMarkdown from 'quilljs-markdown'
 
 // Extend the built-in Image blot to preserve dt-data-path
@@ -32,6 +33,8 @@ class DtImageBlot extends ImageBlot {
 DtImageBlot.blotName = 'image'
 DtImageBlot.tagName = 'img'
 Quill.register(DtImageBlot, true)
+import './RichTextEditor.css'
+
 import {
   forwardRef,
   useCallback,
@@ -39,26 +42,26 @@ import {
   useImperativeHandle,
   useRef,
 } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import { useDescriptionHtml } from '../../hooks/useDescriptionHtml'
 import { useUserProfile } from '../../queries/UserQueries'
 import { useNotification } from '../../service/NotificationProvider'
 import { apiClient } from '../../utils/ApiClient'
 import { isPlusAccount, resolvePhotoURL } from '../../utils/Helpers'
 import { patchDescriptionHtml } from '../../utils/ImageCache'
-import './RichTextEditor.css'
-import { useTranslation } from 'react-i18next'
 
 const RichTextEditor = forwardRef(
   (
     {
-      value = '',
-      onChange,
-      isEditable = true,
-      placeholder = null,
-      variant = 'outlined',
+      draftId,
       entityId,
       entityType,
-      draftId,
+      isEditable = true,
+      onChange,
+      placeholder = null,
+      value = '',
+      variant = 'outlined',
     },
     ref,
   ) => {
@@ -95,8 +98,7 @@ const RichTextEditor = forwardRef(
       if (!isPlusAccount(userProfile)) {
         showError({
           title: t('common:upload.plusFeatureTitle'),
-          message:
-            t('common:upload.plusFeatureMessage'),
+          message: t('common:upload.plusFeatureMessage'),
         })
         return
       }
@@ -170,8 +172,7 @@ const RichTextEditor = forwardRef(
           } else if (response.status === 403 && !isPlusAccount(userProfile)) {
             showError({
               title: t('common:upload.upgradeTitle'),
-              message:
-                t('common:upload.upgradeMessage'),
+              message: t('common:upload.upgradeMessage'),
             })
             return
           } else if (response.status === 403) {
diff --git a/src/views/components/ScanToTask/ScanPanel.jsx b/src/views/components/ScanToTask/ScanPanel.jsx
index 3eefd9a..563e628 100644
--- a/src/views/components/ScanToTask/ScanPanel.jsx
+++ b/src/views/components/ScanToTask/ScanPanel.jsx
@@ -5,7 +5,6 @@ import {
   Replay,
   WarningAmber,
 } from '@mui/icons-material'
-import { useTranslation } from 'react-i18next'
 import {
   Box,
   Button,
@@ -15,6 +14,7 @@ import {
   Typography,
 } from '@mui/joy'
 import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 
 import { useScanToTask } from './useScanToTask'
 
@@ -117,7 +117,11 @@ const ScanPanel = ({
         }
       }
       if (cameraAvailable) {
-        return { label: t('photoTask.capture'), icon: <CameraAlt />, onClick: capture }
+        return {
+          label: t('photoTask.capture'),
+          icon: <CameraAlt />,
+          onClick: capture,
+        }
       }
       // No camera on this device — Upload is the only way forward, so it
       // graduates from the inline secondary to the footer's primary
diff --git a/src/views/components/ScanToTask/useScanToTask.js b/src/views/components/ScanToTask/useScanToTask.js
index 6099178..a84ff05 100644
--- a/src/views/components/ScanToTask/useScanToTask.js
+++ b/src/views/components/ScanToTask/useScanToTask.js
@@ -1,4 +1,5 @@
 import { useCallback, useRef, useState } from 'react'
+
 import { useDocumentScanner } from '../../../hooks/useDocumentScanner'
 import { localAIService } from '../../../service/LocalAIService'
 
@@ -52,13 +53,18 @@ async function runNativeOCR(imageSource) {
   const { Ocr } = await import('@jcesarmobile/capacitor-ocr')
   let image = imageSource
   if (imageSource.includes('/_capacitor_file_/')) {
-    image = 'file://' + imageSource.replace(/^https?:\/\/localhost\/_capacitor_file_/, '')
+    image =
+      'file://' +
+      imageSource.replace(/^https?:\/\/localhost\/_capacitor_file_/, '')
   } else if (imageSource.startsWith('data:')) {
     // iOS document scanner returns base64; strip the data URI prefix for the native plugin
     image = imageSource.split(',')[1] || imageSource
   }
   const result = await Ocr.process({ image })
-  return result.results.map(r => r.text).join('\n').trim()
+  return result.results
+    .map(r => r.text)
+    .join('\n')
+    .trim()
 }
 
 async function runBrowserOCR(imageSource, onProgress) {
@@ -192,7 +198,7 @@ export function useScanToTask() {
   )
 
   const handleNativeScan = useCallback(async () => {
-    const { image, cancelled, error } = await scanDocument()
+    const { cancelled, error, image } = await scanDocument()
     if (cancelled) return
     if (error || !image) {
       setErrorMsg(error ? `Scanner error: ${error}` : 'Scan failed.')
diff --git a/src/views/components/SmartTaskTitleInput.jsx b/src/views/components/SmartTaskTitleInput.jsx
index b67714c..1859773 100644
--- a/src/views/components/SmartTaskTitleInput.jsx
+++ b/src/views/components/SmartTaskTitleInput.jsx
@@ -1,8 +1,10 @@
+import './SmartTaskTitleInput.css'
+
 import { CameraEnhance, Mic, PhotoFilter } from '@mui/icons-material'
 import { IconButton, Tooltip, useColorScheme } from '@mui/joy'
 import { useEffect, useRef, useState } from 'react'
+
 import AutocompleteDropdown from '../TestView/AutocompleteDropdown'
-import './SmartTaskTitleInput.css'
 const renderHighlightedText = (text, cursorPosition) => {
   const parts = []
   let lastIndex = 0
@@ -46,18 +48,18 @@ const renderHighlightedText = (text, cursorPosition) => {
 }
 
 const SmartTaskTitleInput = ({
-  value,
-  placeholder,
   autoFocus,
-  onChange,
-  suggestions,
-  onEnterPressed,
-  onShiftEnterPressed,
   customRenderer,
   isNativeScanner,
-  onScanClick,
+  onChange,
+  onEnterPressed,
   onPhotoSelected,
+  onScanClick,
+  onShiftEnterPressed,
   onVoiceClick,
+  placeholder,
+  suggestions,
+  value,
 }) => {
   const { mode, setMode } = useColorScheme()
   const titleInputRef = useRef(null)
diff --git a/src/views/components/SubTask.jsx b/src/views/components/SubTask.jsx
index 673ca74..d890319 100644
--- a/src/views/components/SubTask.jsx
+++ b/src/views/components/SubTask.jsx
@@ -1,7 +1,7 @@
 import {
+  closestCenter,
   DndContext,
   PointerSensor,
-  closestCenter,
   useSensor,
   useSensors,
 } from '@dnd-kit/core'
@@ -30,8 +30,9 @@ import {
 } from '@mui/joy'
 import { useCallback, useRef, useState } from 'react'
 import { flushSync } from 'react-dom'
-import { useLocalization } from '../../contexts/LocalizationContext'
+
 import { useImpersonateUser } from '../../contexts/ImpersonateUserContext'
+import { useLocalization } from '../../contexts/LocalizationContext'
 import { useUserProfile } from '../../queries/UserQueries'
 import { CompleteSubTask } from '../../utils/Fetcher'
 
@@ -58,17 +59,17 @@ function nextTempId(tasks) {
 }
 
 function SortableItem({
-  task,
   allTasks,
-  setTasks,
-  level,
   editMode,
   expandedIds,
-  onToggleExpand,
   handleToggle,
   inputRefs,
+  level,
   onKeyDown,
+  onToggleExpand,
   performers,
+  setTasks,
+  task,
 }) {
   const { fmt } = useLocalization()
   const { attributes, listeners, setNodeRef, transform, transition } =
@@ -240,12 +241,12 @@ function SortableItem({
 }
 
 const SubTasks = ({
-  editMode = true,
   choreId = 0,
-  tasks = [],
-  setTasks,
+  editMode = true,
   performers,
+  setTasks,
   shouldFocus = false,
+  tasks = [],
 }) => {
   const [newTask, setNewTask] = useState('')
   const [expandedIds, setExpandedIds] = useState(new Set())
diff --git a/src/views/components/SyncStatusIndicator.jsx b/src/views/components/SyncStatusIndicator.jsx
index 19e3813..67d20bd 100644
--- a/src/views/components/SyncStatusIndicator.jsx
+++ b/src/views/components/SyncStatusIndicator.jsx
@@ -24,6 +24,8 @@ import {
 } from '@mui/joy'
 import { useQueryClient } from '@tanstack/react-query'
 import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
 import { networkManager } from '../../hooks/NetworkManager'
 import {
   PENDING_POLL_MS,
@@ -35,7 +37,6 @@ import {
   subscribeToOfflineFeature,
 } from '../../utils/OfflineFeatureToggle'
 import { syncEngine } from '../../utils/SyncEngine'
-import { useTranslation } from 'react-i18next'
 
 const COMMAND_LABELS = {
   create_chore: 'Create chore',
@@ -74,7 +75,9 @@ function SyncStatusIndicator() {
   })
   const [isOnline, setIsOnline] = useState(networkManager.isOnline)
   const [offlineSince, setOfflineSince] = useState(networkManager.offlineSince)
-  const [offlineReason, setOfflineReason] = useState(networkManager.offlineReason)
+  const [offlineReason, setOfflineReason] = useState(
+    networkManager.offlineReason,
+  )
 
   // Mirror the actual intervals used by useSyncOnReconnect so the countdown is accurate
   const retryInterval = useMemo(
diff --git a/src/views/components/VoiceToTask/VoicePanel.jsx b/src/views/components/VoiceToTask/VoicePanel.jsx
index be8d808..35c35ec 100644
--- a/src/views/components/VoiceToTask/VoicePanel.jsx
+++ b/src/views/components/VoiceToTask/VoicePanel.jsx
@@ -1,3 +1,5 @@
+import './VoicePanel.css'
+
 import {
   CalendarMonth,
   Check,
@@ -16,6 +18,7 @@ import {
 import { Box, Button, Chip, IconButton, Input, Typography } from '@mui/joy'
 import moment from 'moment'
 import { useEffect, useMemo, useRef, useState } from 'react'
+
 import { TASK_COLOR } from '../../../utils/Colors'
 import { isPlusAccount } from '../../../utils/Helpers'
 import AssigneePickerField from '../AssigneePickerField'
@@ -26,7 +29,6 @@ import PriorityPickerField from '../PriorityPickerField'
 import RepeatPickerField from '../RepeatPickerField'
 import { parseVoiceTask } from './parseVoiceTask'
 import { useVoiceToTask } from './useVoiceToTask'
-import './VoicePanel.css'
 
 const HIGHLIGHT_CLASS = {
   repeat: 'highlight-repeat',
@@ -108,7 +110,7 @@ const describeFrequency = f => {
 const buildChips = (
   effective,
   frequencyLabel,
-  { members, currentUserId, canRemind },
+  { canRemind, currentUserId, members },
 ) => {
   const chips = []
   if (effective.dueDate) {
@@ -191,11 +193,11 @@ const buildChips = (
 }
 
 const TaskPreviewCard = ({
-  segment,
-  parseCtx,
+  onPatch,
   onRemove,
   onUpdate,
-  onPatch,
+  parseCtx,
+  segment,
 }) => {
   const [expanded, setExpanded] = useState(false)
   const [draft, setDraft] = useState(segment.text)
@@ -243,7 +245,7 @@ const TaskPreviewCard = ({
         custom: hasCustomTime,
       }
       queueMicrotask(() => {
-        const { date, time, custom } = dueEditRef.current
+        const { custom, date, time } = dueEditRef.current
         dueEditRef.current = null
         if (!date) {
           onPatch({ dueDate: null })
@@ -450,24 +452,24 @@ const TaskPreviewCard = ({
  * onStateChange so the modal can label and enable that button.
  */
 const VoicePanel = ({
-  userLabels = [],
-  members = [],
-  userProfile,
   defaultNotificationTemplates = [],
+  members = [],
   onStateChange,
+  userLabels = [],
+  userProfile,
 }) => {
   const {
-    phase,
     isLocked,
-    partialText,
-    segments,
+    isNative,
     micPressDown,
     micPressUp,
-    startHandsFree,
-    removeSegment,
-    updateSegment,
+    partialText,
     patchSegment,
-    isNative,
+    phase,
+    removeSegment,
+    segments,
+    startHandsFree,
+    updateSegment,
   } = useVoiceToTask({ members, userLabels })
   const segmentsScrollRef = useRef(null)
 
diff --git a/src/views/components/VoiceToTask/parseVoiceTask.js b/src/views/components/VoiceToTask/parseVoiceTask.js
index a4fb394..a0247c3 100644
--- a/src/views/components/VoiceToTask/parseVoiceTask.js
+++ b/src/views/components/VoiceToTask/parseVoiceTask.js
@@ -1,5 +1,6 @@
 import * as chrono from 'chrono-node'
 import moment from 'moment'
+
 import { isPlusAccount } from '../../../utils/Helpers'
 import { generateUUID } from '../../../utils/UUID'
 import {
@@ -28,12 +29,12 @@ const mapMembersForParsing = members =>
 // Merge overlapping highlight ranges, higher parser priority wins — same
 // resolution rules as AddTaskModal.renderHighlightedSentence.
 const resolveHighlights = ({
-  repeat,
-  priority,
-  points,
   assignees,
-  labels,
   dueDate,
+  labels,
+  points,
+  priority,
+  repeat,
 }) => {
   const all = []
   repeat?.forEach(h => all.push({ ...h, type: 'repeat', rank: 60 }))
@@ -61,7 +62,7 @@ const resolveHighlights = ({
 
 export const parseVoiceTask = (
   sentence,
-  { userLabels = [], members = [], currentUserId = null } = {},
+  { currentUserId = null, members = [], userLabels = [] } = {},
 ) => {
   const assigneesForParsing = mapMembersForParsing(members)
 
@@ -143,7 +144,7 @@ export const parseVoiceTask = (
 // Builds the same chore payload shape AddTaskModal.createChore submits.
 export const buildChorePayload = (
   parsed,
-  { userProfile, projectId, notificationTemplates },
+  { notificationTemplates, projectId, userProfile },
 ) => {
   let finalAssignees = parsed.assignees
   let finalAssignedTo = null
diff --git a/src/views/components/VoiceToTask/useVoiceToTask.js b/src/views/components/VoiceToTask/useVoiceToTask.js
index 69352f6..8c4c7e1 100644
--- a/src/views/components/VoiceToTask/useVoiceToTask.js
+++ b/src/views/components/VoiceToTask/useVoiceToTask.js
@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
+
 import { voiceInputService } from '../../../service/VoiceInputService'
 import { generateUUID } from '../../../utils/UUID'
 import {
@@ -17,9 +18,8 @@ const HANDS_FREE_EMPTY_STOP_MS = 20000
 
 const haptic = async kind => {
   try {
-    const { Haptics, ImpactStyle, NotificationType } = await import(
-      '@capacitor/haptics'
-    )
+    const { Haptics, ImpactStyle, NotificationType } =
+      await import('@capacitor/haptics')
     if (kind === 'notification') {
       await Haptics.notification({ type: NotificationType.Success })
     } else if (kind === 'medium') {
@@ -87,7 +87,7 @@ export function useVoiceToTask({ members = [], userLabels = [] } = {}) {
         members: membersRef.current,
         userLabels: userLabelsRef.current,
       })
-      const { text, dropPrevious } = applyScratchThat(normalized)
+      const { dropPrevious, text } = applyScratchThat(normalized)
       const pieces = splitSpokenSegments(text)
       if (!dropPrevious && pieces.length === 0) return
 
diff --git a/vite.config.mjs b/vite.config.mjs
index 524cc03..de43190 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -1,6 +1,7 @@
 import react from '@vitejs/plugin-react-swc'
 import { defineConfig } from 'vite'
 import { VitePWA } from 'vite-plugin-pwa'
+
 import pkg from './package.json'
 // https://vitejs.dev/config/
 export default defineConfig(({ command }) => ({