adding skeleton loader to flights page

api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "api",
-  "version": "1.4.0",
+  "version": "1.3.1",
   "description": "",
   "author": "",
   "private": true,

app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "app",
   "private": true,
-  "version": "1.4.0",
+  "version": "1.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

app/src/components/flights/Flights.tsx

@@ -52,7 +52,7 @@ const Flights = () => {
                         <Skeleton height={300} />
                       </Grid>
                       <Grid size={12}>
-                        {[...Array(4)].map((_element, index) => {
+                        {[...Array(6)].map((_element, index) => {
                           return (
                             <>
                               <Skeleton height={20} width={300} />

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noahspan/flying",
-  "version": "1.4.0",
+  "version": "1.3.0",
   "scripts": {
     "start": "concurrently 'npm run start:azure -w api' 'wait-on tcp:0.0.0.0:7071 && npm run dev -w app'",
     "format": "prettier --write \"**/src/**/*.ts\" \"**/test/**/*.ts\"",