add test graphs with device, date and test filters

src/App.js

@@ -3,39 +3,9 @@ import './App.css';
 import React, { useEffect, useState } from 'react';
 import moment from 'moment';
 
-import { initializeApp } from "firebase/app";
-import { getAnalytics } from "firebase/analytics";
 import { getFirestore, collection, getDocs, doc, onSnapshot, query } from "firebase/firestore";
 import Card from './components/Card';
-
-/* dev and test */
-const firebaseConfig = {
-  apiKey: "AIzaSyBFl_YkJ5PMIvMY3G70313SyrqemjFnUv8",
-  authDomain: "hpos-af3cc.firebaseapp.com",
-  projectId: "hpos-af3cc",
-  storageBucket: "hpos-af3cc.appspot.com",
-  messagingSenderId: "650071678820",
-  appId: "1:650071678820:web:ce50538bf46632d46c6471",
-  measurementId: "G-6JHQ47S9DD"
-};
-
-
-// /* prod */
-// const firebaseConfig = {
-//   apiKey: "AIzaSyBF4pLZReAedU4dWX1eRJNFNIaOIz2xk4s",
-//   authDomain: "hpos-prod.firebaseapp.com",
-//   projectId: "hpos-prod",
-//   storageBucket: "hpos-prod.appspot.com",
-//   messagingSenderId: "1012719870714",
-//   appId: "1:1012719870714:web:fcd00acef93f6612de5f43",
-//   measurementId: "G-B0NZ7DEF69"
-// };
-
-const app = initializeApp(firebaseConfig);
-const analytics = getAnalytics(app);
-
-const db = getFirestore(app);
-
+import db from './firebase';
 
 function App() {
   const [mtests, setMtests] = useState([]);
@@ -46,7 +16,7 @@ function App() {
   const [positives, setPositives] = useState(0);
   const [traits, setTraits] = useState(0);
   const [diseases, setDiseases] = useState(0);
-  const [lastUpdate, setLastUpdate] = useState('');
+  const [lastUpdate, setLastUpdate] = useState(moment());
 
   useEffect(() => {
 
@@ -143,7 +113,7 @@ function App() {
 
       <div className='footer'>
           <div className='last-update'>
-            Updated at: {moment(lastUpdate).format("DD-MM-YYYY HH:mm:ss a")}
+            Updated at: {moment(lastUpdate).format("DD-MM-YYYY hh:mm:ss a")}
           </div>
 
           <div className='developer'>