Update all dependencies to the latest version (#1667)

* Upgrade all dependencies to the latest version and migrate to MUI5.

* address check-types issues

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,20 +1,20 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
+title: ""
+labels: ""
+assignees: ""
 ---
 
 **What page is this happening on**
-Copy the URL of the page this issue is happening on. 
+Copy the URL of the page this issue is happening on.
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -27,15 +27,17 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,10 +1,9 @@
 ---
 name: Feature request
 about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
+title: ""
+labels: ""
+assignees: ""
 ---
 
 **Is your feature request related to a problem? Please describe.**

.github/workflows/lint.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 15.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/main.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 15.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/tests.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 15.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2

README.md

@@ -44,7 +44,6 @@ cd ..
 
 Then run the following (from the top level directory) and answer all prompts:
 
-
 ```shell
 yarn start:app:production
 ```
@@ -93,7 +92,7 @@ Of note, we use:
 
 - [`onInitialClientRender`](https://www.gatsbyjs.org/docs/browser-apis/#onInitialClientRender)
 
-  Any code that should run once after the client renders goes here. 
+  Any code that should run once after the client renders goes here.
 
   This code pulls in and configures
   [gapi](https://github.com/google/google-api-javascript-client), a Google

data/products.json

@@ -0,0 +1,68 @@
+[
+  {
+    "id": "1",
+    "title": "Compton T-Shirt",
+    "description": "Sint occaecat deserunt ex incididunt qui sint. Id minim magna labore pariatur nulla quis.",
+    "price": 15,
+    "brand": "Compton",
+    "category": "T-shirt",
+    "image": "images/yellowT.png",
+    "colors": ["Red", "Green", "Blue"],
+    "sizes": ["Small", "Medium", "Large"]
+  },
+  {
+    "id": "2",
+    "title": "Comverges T-Shirt",
+    "description": "Sint occaecat deserunt ex incididunt qui sint. Id minim magna labore pariatur nulla quis.",
+    "price": 20,
+    "brand": "Comverges",
+    "category": "T-shirt",
+    "image": "images/greyT.png",
+    "colors": ["Red", "Green", "Blue"],
+    "sizes": ["Small", "Medium", "Large"]
+  },
+  {
+    "id": "3",
+    "title": "Flexigen T-Shirt",
+    "description": "Sint occaecat deserunt ex incididunt qui sint. Id minim magna labore pariatur nulla quis.",
+    "price": 30,
+    "brand": "Flexigen",
+    "category": "T-shirt",
+    "image": "images/pinkT.png",
+    "colors": ["Red", "Green", "Blue"],
+    "sizes": ["Small", "Medium", "Large"]
+  },
+  {
+    "id": "4",
+    "title": "Fuelworks T-Shirt",
+    "description": "Sint occaecat deserunt ex incididunt qui sint. Id minim magna labore pariatur nulla quis.",
+    "price": 40,
+    "brand": "Fuelworks",
+    "category": "T-shirt",
+    "image": "images/blackT2.png",
+    "colors": ["Red", "Green", "Blue"],
+    "sizes": ["Small", "Medium", "Large"]
+  },
+  {
+    "id": "5",
+    "title": "Futuris T-Shirt",
+    "description": "Sint occaecat deserunt ex incididunt qui sint. Id minim magna labore pariatur nulla quis.",
+    "price": 50,
+    "brand": "Futuris",
+    "category": "T-shirt",
+    "image": "images/pinkT.png",
+    "colors": ["Red", "Green", "Blue"],
+    "sizes": ["Small", "Medium", "Large"]
+  },
+  {
+    "id": "6",
+    "title": "Isoternia T-Shirt",
+    "description": "Sint occaecat deserunt ex incididunt qui sint. Id minim magna labore pariatur nulla quis.",
+    "price": 44,
+    "brand": "Isoternia",
+    "category": "T-shirt",
+    "image": "images/brownT.png",
+    "colors": ["Red", "Green", "Blue"],
+    "sizes": ["Small", "Medium", "Large"]
+  }
+]