refactor: apply eslint

client-tauri/src/App.tsx

@@ -1,80 +1,80 @@
-import { Suspense } from 'react';
+import { Suspense } from "react";
 
 import { Routes, Route, Outlet } from "react-router-dom";
 import Home from "./pages/Home";
 import About from "./pages/About";
 import Dashboard from "./pages/Dashboard";
-import ToPdf from "./pages/convert/ToPdf"
-import Impose from "./pages/page-operations/Impose"
+import ToPdf from "./pages/convert/ToPdf";
+import Impose from "./pages/page-operations/Impose";
 import NoMatch from "./pages/NoMatch";
 import NavBar from "./components/NavBar";
 
-import 'bootstrap/dist/css/bootstrap.min.css';
+import "bootstrap/dist/css/bootstrap.min.css";
 import { Container } from "react-bootstrap";
 
 import i18n from "i18next";
 import { useTranslation, initReactI18next } from "react-i18next";
-import LanguageDetector from 'i18next-browser-languagedetector';
-import ar from './locales/ar.json';
-import en from './locales/en.json';
+import LanguageDetector from "i18next-browser-languagedetector";
+import ar from "./locales/ar.json";
+import en from "./locales/en.json";
 
-import './general.css'
+import "./general.css";
 
 i18n
-  .use(LanguageDetector)
-  .use(initReactI18next) // passes i18n down to react-i18next
-  .init({
-    fallbackLng: "en",
-    resources: { ar,en },
-  });
+    .use(LanguageDetector)
+    .use(initReactI18next) // passes i18n down to react-i18next
+    .init({
+        fallbackLng: "en",
+        resources: { ar,en },
+    });
 
 export default function App() {
 
-  return (
-    <Suspense fallback="loading">
-      {/* Routes nest inside one another. Nested route paths build upon
+    return (
+        <Suspense fallback="loading">
+            {/* Routes nest inside one another. Nested route paths build upon
             parent route paths, and nested route elements render inside
             parent route elements. See the note about <Outlet> below. */}
-      <Routes>
-        <Route path="/" element={<Layout />}>
-          <Route index element={<Home />} />
-          <Route path="about" element={<About />} />
-          <Route path="dashboard" element={<Dashboard />} />
+            <Routes>
+                <Route path="/" element={<Layout />}>
+                    <Route index element={<Home />} />
+                    <Route path="about" element={<About />} />
+                    <Route path="dashboard" element={<Dashboard />} />
 
-          {/* Using path="*"" means "match anything", so this route
+                    {/* Using path="*"" means "match anything", so this route
                 acts like a catch-all for URLs that we don't have explicit
                 routes for. */}
-          <Route path="*" element={<NoMatch />} />
-        </Route>
-        <Route path="/convert" element={<Layout />}>
-          <Route path="file-to-pdf" element={<ToPdf />} />
-          <Route path="*" element={<NoMatch />} />
-        </Route>
-        <Route path="/page-operations" element={<Layout />}>
-          <Route path="impose" element={<Impose />} />
-          <Route path="*" element={<NoMatch />} />
-        </Route>
-      </Routes>
-    </Suspense>
-  );
+                    <Route path="*" element={<NoMatch />} />
+                </Route>
+                <Route path="/convert" element={<Layout />}>
+                    <Route path="file-to-pdf" element={<ToPdf />} />
+                    <Route path="*" element={<NoMatch />} />
+                </Route>
+                <Route path="/page-operations" element={<Layout />}>
+                    <Route path="impose" element={<Impose />} />
+                    <Route path="*" element={<NoMatch />} />
+                </Route>
+            </Routes>
+        </Suspense>
+    );
 }
 
 function Layout() {
-  const { t } = useTranslation();
-  return (
-    <div lang-direction={t('language.direction')}>
-      <NavBar/>
+    const { t } = useTranslation();
+    return (
+        <div lang-direction={t("language.direction")}>
+            <NavBar/>
 
-      {/* An <Outlet> renders whatever child route is currently active,
+            {/* An <Outlet> renders whatever child route is currently active,
           so you can think about this <Outlet> as a placeholder for
           the child routes we defined above. */}
-      <Container fluid="sm" className="">
-        <div className="row justify-content-center">
-          <div className="col-md-6">
-            <Outlet/>
-          </div>
+            <Container fluid="sm" className="">
+                <div className="row justify-content-center">
+                    <div className="col-md-6">
+                        <Outlet/>
+                    </div>
+                </div>
+            </Container>
         </div>
-      </Container>
-    </div>
-  );
+    );
 }