Fixes table cells' paddings

React/src/App.js

@@ -16,7 +16,7 @@ function App() {
   useEffect(() => {
     // Commented out not to check the localStorage for the user's existence ** Temporary **
     // fetch current user from cookies
-    loadUserFromStorage(store);
+    // loadUserFromStorage(store);
   }, []);
 
   // Should be removed ** Temporary **
@@ -27,7 +27,7 @@ function App() {
   };
 
   // ** Temporary **
-  // logUserIn();
+  logUserIn();
 
   return (
     <Provider store={store}>

React/src/index.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display&display=swap");
 
 :root {
   --blue: #2170b9;
@@ -11,11 +11,11 @@
 
 p,
 .font-inter {
-  font-family: 'Inter', sans-serif;
+  font-family: "Inter", sans-serif;
 }
 
 .font-playfair {
-  font-family: 'Playfair Display', serif;
+  font-family: "Playfair Display", serif;
 }
 
 .text-black-custom {

React/src/pages/components/VehiclesMain.js

@@ -45,49 +45,6 @@ const VehiclesMain = () => {
       licensePlate: "9956443",
       type: 1,
     },
-
-    {
-      id: Math.floor(Math.random() * 200) + 1,
-      color: "White",
-      model: "Toyota Camry",
-      licensePlate: "9956443",
-      type: 1,
-    },
-    {
-      id: Math.floor(Math.random() * 200) + 1,
-      color: "White",
-      model: "Toyota Camry",
-      licensePlate: "9956443",
-      type: 1,
-    },
-    {
-      id: Math.floor(Math.random() * 200) + 1,
-      color: "White",
-      model: "Toyota Camry",
-      licensePlate: "9956443",
-      type: 1,
-    },
-    {
-      id: Math.floor(Math.random() * 200) + 1,
-      color: "White",
-      model: "Toyota Camry",
-      licensePlate: "9956443",
-      type: 1,
-    },
-    {
-      id: Math.floor(Math.random() * 200) + 1,
-      color: "White",
-      model: "Toyota Camry",
-      licensePlate: "9956443",
-      type: 1,
-    },
-    {
-      id: Math.floor(Math.random() * 200) + 1,
-      color: "White",
-      model: "Toyota Camry",
-      licensePlate: "9956443",
-      type: 1,
-    },
   ]);
 
   useEffect(() => {

React/src/pages/components/table/ColumnName.js

@@ -3,7 +3,8 @@ import React from "react";
 const ColumnName = ({ text }) => (
   <th
     scope="col"
-    className="px-16 py-4 whitespace-nowrap text-2xl font-inter text-black-custom font-semibold"
+    className="whitespace-nowrap text-2xl font-inter text-black-custom font-semibold text-center"
+    style={{ padding: "10px 40px 10px 40px" }}
   >
     {text}
   </th>

React/src/pages/components/table/TableData.js

@@ -1,7 +1,10 @@
 import React from "react";
 
 const TableData = ({ text, Component }) => (
-  <td className="px-16 py-4 whitespace-nowrap text-2xl font-inter text-black-custom font-normal">
+  <td
+    className="whitespace-nowrap text-2xl font-inter text-black-custom font-normal text-center"
+    style={{ padding: "10px 40px 10px 40px" }}
+  >
     {text ? text : <Component />}
   </td>
 );