Merge branch 'main' into feat(frontend)-install-and-configure-tailwindcss-with-react

Author: Valsuh45

.github/workflows/node.js.yml

@@ -5,16 +5,15 @@ name: Node.js CI
 
 on:
   push:
-    branches: 
+    branches:
       - '*'
 
   pull_request:
-    branches: 
+    branches:
       - '*'
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
@@ -23,12 +22,11 @@ jobs:
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
-    - uses: actions/checkout@v3
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
-      with:
-        node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - run: yarn install --frozen-lockfile
-    - run: yarn build 
-    
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+      - run: yarn install --frozen-lockfile
+      - run: yarn build

docs/ExportAsCsv.md

@@ -19,4 +19,4 @@ sequenceDiagram
 
 ```
 
-This sequence diagram provides a clear visualization of the steps involved in exporting data as a CSV file, from user request through data formatting and delivery. This functionality is especially useful in applications where data portability and offline data analysis are important features.
+This sequence diagram provides a clear visualization of the steps involved in exporting data as a CSV file, from user request through data formatting and delivery. This functionality is especially useful in applications where data portability and offline data analysis are important features.

docs/Pagination.md

@@ -18,4 +18,4 @@ sequenceDiagram
 
 ```
 
-This sequence outlines the interactions involved in fetching and displaying paginated scan results. This process ensures that the system can efficiently handle large datasets by only fetching and displaying a manageable subset of data at a time, which is crucial for performance and usability.
+This sequence outlines the interactions involved in fetching and displaying paginated scan results. This process ensures that the system can efficiently handle large datasets by only fetching and displaying a manageable subset of data at a time, which is crucial for performance and usability.

docs/SequenceDiagramExample.md

@@ -23,4 +23,4 @@ sequenceDiagram
 
 ```
 
-This sequence diagram provides a clear, step-by-step visualization of the interactions involved in capturing and storing a photo in the system. It helps in understanding the flow of data and control between different parts of the application, which is essential for both development and troubleshooting.
+This sequence diagram provides a clear, step-by-step visualization of the interactions involved in capturing and storing a photo in the system. It helps in understanding the flow of data and control between different parts of the application, which is essential for both development and troubleshooting.

package.json

@@ -47,11 +47,7 @@
     "vite-plugin-eslint": "^1.8.1"
   },
   "lint-staged": {
-    "*.ts": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.tsx": [
+    "*.{ts,tsx,cjs,svg,json}": [
       "eslint --fix",
       "prettier --write"
     ]

src/app.tsx

@@ -4,17 +4,16 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import UserLogin from './components/UserLogin';
 import Homepage from './components/home-page';
 
-
 /**
  * The main application component.
  */
 export function App(): JSX.Element {
   return (
-      <Router>
-        <Routes>
-          <Route path="/" element={<Homepage />} />
-          <Route path="/login" element={<UserLogin/>} />
-        </Routes>
-      </Router>
-    );
+    <Router>
+      <Routes>
+        <Route path="/" element={<Homepage />} />
+        <Route path="/login" element={<UserLogin />} />
+      </Routes>
+    </Router>
+  );
 }

src/components/UserLogin.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 const UserLogin: React.FC = () => {
   return <h2>Login</h2>;
-}
+};
 
 export default UserLogin;

src/components/home-page.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 
 const Homepage: React.FC = () => {
   return <h2>Home</h2>;
-}
+};
 
 export default Homepage;
-

src/components/startnewscan.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 const StartNewScan: React.FC = () => {
   return <h2>Start a new scan</h2>;
-}
+};
 
 export default StartNewScan;

src/components/take-photo.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 const TakePhoto: React.FC = () => {
   return <h2>Take a photo</h2>;
-}
+};
 
 export default TakePhoto;

src/components/view-past-scan.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 const ViewPastScan: React.FC = () => {
   return <h2>View past scan</h2>;
-}
+};
 
 export default ViewPastScan;

yarn.lock

@@ -1851,6 +1851,10 @@ any-promise@^1.0.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
   integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+ansi-styles@^6.0.0, ansi-styles@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
 anymatch@~3.1.2:
   version "3.1.3"
@@ -2168,6 +2172,7 @@ chalk@^4.0.0:
     supports-color "^7.1.0"
 
 "chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3:
+"chokidar@>=3.0.0 <4.0.0":
   version "3.6.0"
   resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -3702,6 +3707,7 @@ merge2@^1.3.0, merge2@^1.4.1:
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
 [email protected], micromatch@^4.0.4, micromatch@^4.0.5:
+[email protected], micromatch@^4.0.4:
   version "4.0.5"
   resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
@@ -3727,6 +3733,7 @@ minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
     brace-expansion "^1.1.7"
 
 minimatch@^9.0.1, minimatch@^9.0.3, minimatch@^9.0.4:
+minimatch@^9.0.3, minimatch@^9.0.4:
   version "9.0.4"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz"
   integrity sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==
@@ -4990,6 +4997,11 @@ yaml@^2.3.4:
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.4.1.tgz#2e57e0b5e995292c25c75d2658f0664765210eed"
   integrity sha512-pIXzoImaqmfOrL7teGUBt/T7ZDnyeGBWyXQBvOVhLkWLN37GXv8NMLK406UY6dS51JfcQHsmcW5cJ441bHg6Lg==
 
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"