style: format code with Prettier and StandardJS

src/App.tsx

@@ -3,12 +3,7 @@ import "./App.scss";
 import "bootstrap/dist/css/bootstrap.min.css";
 import "aos/dist/aos.css";
 
-import {
-  HashRouter,
-  Navigate,
-  Route,
-  Routes,
-} from "react-router-dom";
+import { HashRouter, Navigate, Route, Routes } from "react-router-dom";
 import React, { lazy, Suspense, useEffect, useState } from "react";
 
 import About from "./components/About/About";

src/components/About/About.tsx

@@ -21,7 +21,7 @@ function About() {
     },
     (error) => {
       console.log(error);
-    }
+    },
   );
 
   return (

src/components/ContactMe.tsx

@@ -55,7 +55,10 @@ function ContactMe() {
           <Container>
             <Row>
               <Col md={12} className="about">
-                <h1 style={{ fontSize: "2.6em" }} className="negative-letter-spacing">
+                <h1
+                  style={{ fontSize: "2.6em" }}
+                  className="negative-letter-spacing"
+                >
                   CONTACT <span className="purple"> ME </span>
                 </h1>
               </Col>

src/components/Home/AboutSummary.tsx

@@ -21,7 +21,10 @@ function aboutSummary() {
       <Container>
         <Row>
           <Col md={7} className="home-about-summary-description">
-            <h1 style={{ fontSize: "2.6em" }} className="negative-letter-spacing">
+            <h1
+              style={{ fontSize: "2.6em" }}
+              className="negative-letter-spacing"
+            >
               MORE <span className="purple"> ABOUT </span> ME
             </h1>
             <p className="home-about-summary-body">

src/components/Home/Home.tsx

@@ -45,9 +45,7 @@ function Home() {
               </div>
 
               <div style={{ padding: 50, textAlign: "left" }}>
-                <span style={{ fontSize: 20 }}>
-                  Software Engineer for
-                </span>
+                <span style={{ fontSize: 20 }}>Software Engineer for</span>
                 <Type />
               </div>
             </Col>

src/components/Pre.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 interface Props {
-  load: boolean
+  load: boolean;
 }
 
 function Pre(props: Props) {

src/components/Résumé/Résumé.tsx

@@ -1,71 +1,85 @@
-import React, {useEffect, useState} from 'react'
-import {Container, Row} from 'react-bootstrap'
-import Button from 'react-bootstrap/Button'
+import React, { useEffect, useState } from "react";
+import { Container, Row } from "react-bootstrap";
+import Button from "react-bootstrap/Button";
 // @ts-ignore
-import pdf_de from '../../Assets/../Assets/Résumé_de_Jakob_Rössner.pdf'
+import pdf_de from "../../Assets/../Assets/Résumé_de_Jakob_Rössner.pdf";
 // @ts-ignore
-import pdf_en from '../../Assets/../Assets/Résumé_en_Jakob_Rössner.pdf'
-import {AiOutlineDownload} from 'react-icons/ai'
-import {Document, Page, pdfjs} from 'react-pdf'
-import 'react-pdf/dist/esm/Page/AnnotationLayer.css'
-import 'react-pdf/dist/esm/Page/TextLayer.css';
+import pdf_en from "../../Assets/../Assets/Résumé_en_Jakob_Rössner.pdf";
+import { AiOutlineDownload } from "react-icons/ai";
+import { Document, Page, pdfjs } from "react-pdf";
+import "react-pdf/dist/esm/Page/AnnotationLayer.css";
+import "react-pdf/dist/esm/Page/TextLayer.css";
 
 pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`;
 
-function ResumeNew () {
+function ResumeNew() {
   const [width, setWidth] = useState(1200);
 
   useEffect(() => {
-    setWidth(window.innerWidth)
+    setWidth(window.innerWidth);
   }, []);
 
   return (
     <div>
-      <Container fluid className='resume-section'>
-        <Row className='resume'>
-          <h1 style={{ fontSize: '2.1em', paddingBottom: '20px' }} className="negative-letter-spacing">
-            German <strong className='purple'>Résumé</strong>
+      <Container fluid className="resume-section">
+        <Row className="resume">
+          <h1
+            style={{ fontSize: "2.1em", paddingBottom: "20px" }}
+            className="negative-letter-spacing"
+          >
+            German <strong className="purple">Résumé</strong>
           </h1>
-          <Document file={pdf_de} className='d-flex justify-content-center'>
-            <Page className="resume-document" pageNumber={1} scale={width > 786 ? 1.7 : 0.6} />
+          <Document file={pdf_de} className="d-flex justify-content-center">
+            <Page
+              className="resume-document"
+              pageNumber={1}
+              scale={width > 786 ? 1.7 : 0.6}
+            />
           </Document>
         </Row>
 
-        <Row style={{ justifyContent: 'center', position: 'relative' }}>
+        <Row style={{ justifyContent: "center", position: "relative" }}>
           <Button
-            variant='primary'
+            variant="primary"
             href={pdf_de}
-            target='_blank'
-            style={{ maxWidth: '250px' }}
+            target="_blank"
+            style={{ maxWidth: "250px" }}
           >
             <AiOutlineDownload />
-                        &nbsp;Download PDF
+            &nbsp;Download PDF
           </Button>
         </Row>
 
-        <Row className='resume'>
-          <h1 style={{ fontSize: '2.1em', paddingBottom: '20px' }} className="negative-letter-spacing">
-            English <strong className='purple'>Résumé</strong>
+        <Row className="resume">
+          <h1
+            style={{ fontSize: "2.1em", paddingBottom: "20px" }}
+            className="negative-letter-spacing"
+          >
+            English <strong className="purple">Résumé</strong>
           </h1>
-          <Document file={pdf_en} className='d-flex justify-content-center'>
-            <Page className="resume-document" pageNumber={1} scale={width > 786 ? 1.7 : 0.6} />
+          <Document file={pdf_en} className="d-flex justify-content-center">
+            <Page
+              className="resume-document"
+              pageNumber={1}
+              scale={width > 786 ? 1.7 : 0.6}
+            />
           </Document>
         </Row>
 
-        <Row style={{ justifyContent: 'center', position: 'relative' }}>
+        <Row style={{ justifyContent: "center", position: "relative" }}>
           <Button
-            variant='primary'
+            variant="primary"
             href={pdf_en}
-            target='_blank'
-            style={{ maxWidth: '250px' }}
+            target="_blank"
+            style={{ maxWidth: "250px" }}
           >
             <AiOutlineDownload />
-                        &nbsp;Download PDF
+            &nbsp;Download PDF
           </Button>
         </Row>
       </Container>
     </div>
-  )
+  );
 }
 
-export default ResumeNew
+export default ResumeNew;

src/components/ScrollToTop.tsx

@@ -1,5 +1,5 @@
-import {useEffect} from "react";
-import {useLocation} from "react-router-dom";
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
 
 function ScrollToTop() {
   const { pathname } = useLocation();

src/index.js

@@ -3,14 +3,14 @@ import ReactDOM from "react-dom";
 import "./index.css";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
-import {Analytics} from "@vercel/analytics/react";
+import { Analytics } from "@vercel/analytics/react";
 
 ReactDOM.render(
   <React.StrictMode>
     <App />
     <Analytics />
   </React.StrictMode>,
-  document.getElementById("root")
+  document.getElementById("root"),
 );
 
 // If you want to start measuring performance in your app, pass a function