add app installtion page

src/components/AppInstallation.css

@@ -0,0 +1,4 @@
+.app-qrcode {
+    height: 250px;
+    width: 250px;
+}

src/components/AppInstallation.js

@@ -0,0 +1,23 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { query, collection, onSnapshot } from 'firebase/firestore';
+
+import './AppInstallation.css';
+import db from '../firebase';
+
+const AppInstallation = () => {
+    const [alerts, setAlerts] = useState([]);
+
+    useEffect(() => {
+    }, []);
+
+    return (
+        <div>
+            <div>
+                <div>Testing 2.1.10 (Preprod)</div>
+                <img className="app-qrcode" src={require('../assets/testing_2_1_10.png')} alt='icon'></img>
+            </div>
+        </div>
+    )
+}
+
+export default AppInstallation;

src/routes/appRoutes.js

@@ -7,7 +7,8 @@ import Devices from '../components/Devices';
 import { Download } from '@mui/icons-material';
 import ExportData from '../components/ExportData';
 import Registration from '../components/Registration';
-import { FaUser } from 'react-icons/fa';
+import { FaAndroid, FaPhone, FaUser } from 'react-icons/fa';
+import AppInstallation from '../components/AppInstallation';
 
 const appRoutes = [
     {
@@ -51,6 +52,15 @@ const appRoutes = [
             icon: <FaUser />
         }
     },
+    {
+        path: "/appinstallation",
+        element: <AppInstallation />,
+        state: "appinstallation",
+        sidebarProps: {
+            displayText: "App Installation",
+            icon: <FaAndroid />
+        }
+    },
 ]
 
 export default appRoutes;