chore: replace Prettier with oxfmt and add oxlint (#6259)

* chore: replace Prettier with oxfmt and add oxlint

- Replace Prettier with oxfmt (Prettier-compatible formatter from OXC project)
- Add oxlint for fast linting alongside ESLint
- Add eslint-plugin-oxlint to disable ESLint rules covered by oxlint
- Update lint scripts to run oxfmt, oxlint, then eslint
- Update lint-staged configuration for pre-commit hooks
- Create .oxfmtrc.json and .oxlintrc.json configuration files
- Remove .prettierrc.json and .prettierignore
- Reformat codebase with oxfmt

* chore: update dependencies in yarn.lock

* chore: update oxlint configuration to disable additional rules

* chore: update oxfmt and oxlint configurations, enhance test readability

packages/desktop-client/src/budgetfiles/budgetfilesSlice.ts

@@ -320,9 +320,9 @@ export const downloadBudget = createAppAsyncThunk(
         const opts = {
           hasExistingKey: Boolean(
             error.meta &&
-              typeof error.meta === 'object' &&
-              'isMissingKey' in error.meta &&
-              error.meta.isMissingKey,
+            typeof error.meta === 'object' &&
+            'isMissingKey' in error.meta &&
+            error.meta.isMissingKey,
           ),
           cloudFileId,
           onSuccess: () => {

packages/desktop-client/src/components/App.tsx

@@ -132,7 +132,7 @@ function AppInner() {
 
     initAll().catch(showErrorBoundary);
     // Removed cloudFileId & t from dependencies to prevent hard crash when closing budget in Electron
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
   }, [dispatch, showErrorBoundary]);
 
   useEffect(() => {

packages/desktop-client/src/components/mobile/MobileNavTabs.tsx

@@ -70,7 +70,7 @@ export function MobileNavTabs() {
         config: canceled ? config.wobbly : config.stiff,
       });
     },
-    [api, OPEN_FULL_Y],
+    [api],
   );
 
   const openDefault = useCallback(
@@ -82,7 +82,7 @@ export function MobileNavTabs() {
         config: { ...config.stiff, velocity },
       });
     },
-    [api, OPEN_DEFAULT_Y],
+    [api],
   );
 
   const hide = useCallback(
@@ -94,7 +94,7 @@ export function MobileNavTabs() {
         config: { ...config.stiff, velocity },
       });
     },
-    [api, HIDDEN_Y],
+    [api],
   );
 
   const navTabs = [

packages/desktop-client/src/components/mobile/transactions/TransactionList.tsx

@@ -381,7 +381,7 @@ function SelectedTransactionsFloatingActionBar({
   const canMerge = useMemo(() => {
     return Boolean(
       twoTransactions &&
-        twoTransactions[0].amount === twoTransactions[1].amount,
+      twoTransactions[0].amount === twoTransactions[1].amount,
     );
   }, [twoTransactions]);
 

packages/desktop-client/src/components/modals/CreateEncryptionKeyModal.tsx

@@ -95,8 +95,7 @@ export function CreateEncryptionKeyModal({
                     We will generate a key based on a password and use it to
                     encrypt from now on.{' '}
                     <strong>This requires a sync reset</strong> and all other
-                    devices will have to revert to this version of your
-                    data.{' '}
+                    devices will have to revert to this version of your data.{' '}
                   </Trans>
                   <Link
                     variant="external"

packages/desktop-client/src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx

@@ -746,7 +746,6 @@ export function ImportTransactionsModal({
 
     runImportPreview();
     // intentionally exclude runImportPreview from dependencies to avoid infinite rerenders
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
     filetype,
     flipAmount,

packages/desktop-client/src/components/reports/reports/CustomReport.tsx

@@ -394,7 +394,6 @@ function CustomReportInner({ report: initialReport }: CustomReportInnerProps) {
 
     run();
     // omitted `conditions` and `conditionsOp` from dependencies to avoid infinite loops
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
     interval,
     dateRange,

packages/desktop-client/src/components/schedules/ScheduleEditModal.tsx

@@ -350,7 +350,6 @@ export function ScheduleEditModal({ id, transaction }: ScheduleEditModalProps) {
     }
 
     run();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {

packages/desktop-client/src/components/transactions/SelectedTransactionsButton.tsx

@@ -138,7 +138,7 @@ export function SelectedTransactionsButton({
   const canMerge = useMemo(() => {
     return Boolean(
       twoTransactions &&
-        twoTransactions[0].amount === twoTransactions[1].amount,
+      twoTransactions[0].amount === twoTransactions[1].amount,
     );
   }, [twoTransactions]);
 

packages/desktop-client/src/hooks/useEffectAfterMount.ts

@@ -19,6 +19,5 @@ export function useEffectAfterMount(
       return effect();
     }
     isFirstRender.current = false;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 }

packages/desktop-client/src/hooks/useQuery.ts

@@ -17,7 +17,6 @@ export function useQuery<Response = unknown>(
   // Memo the resulting query. We don't care if the function
   // that creates the query changes, only the resulting query.
   // Safe to ignore the eslint warning here.
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   const query = useMemo(makeQuery, dependencies);
 
   const [data, setData] = useState<ReadonlyArray<Response> | null>(null);