https and ssl integration on the backend, frontend and started integration of logistics app as a separate frontend

frontend/src/components/ShipmentForm.tsx

@@ -39,7 +39,7 @@ const ShipmentForm: React.FC<ShipmentFormProps> = ({ sx = {}, onCancel, refreshS
     const [errorMessage, setErrorMessage] = React.useState<string | null>(null);
 
     useEffect(() => {
-        OpenAPI.BASE = 'http://127.0.0.1:8000';
+        OpenAPI.BASE = 'https://127.0.0.1:8000';
 
         const getContacts = async () => {
             try {

frontend/src/components/UploadDialog.tsx

@@ -46,7 +46,7 @@ const UploadDialog: React.FC<UploadDialogProps> = ({ open, onClose, selectedShip
     const fileInputRef = useRef<HTMLInputElement>(null);
 
     useEffect(() => {
-        OpenAPI.BASE = 'http://127.0.0.1:8000';
+        OpenAPI.BASE = 'https://127.0.0.1:8000';
     }, []);
 
     const handleFileUpload = async (event: React.ChangeEvent<HTMLInputElement>) => {

frontend/src/pages/ShipmentView.tsx

@@ -9,7 +9,7 @@ import { Grid, Container } from '@mui/material';
 // Define props for Shipments View
 type ShipmentViewProps = React.PropsWithChildren<Record<string, never>>;
 
-const API_BASE_URL = 'http://127.0.0.1:8000';
+const API_BASE_URL = 'https://127.0.0.1:8000';
 OpenAPI.BASE = API_BASE_URL;
 
 const ShipmentView: React.FC<ShipmentViewProps> = () => {

frontend/vite.config.ts

@@ -1,7 +1,18 @@
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv  } from 'vite';
 import react from '@vitejs/plugin-react';
-export default defineConfig({
-  plugins: [
-    react(),
-  ],
+import path from 'path';
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+
+  return {
+    plugins: [
+      react(),
+    ],
+    server: {
+      https: {
+        key: env.VITE_SSL_KEY_PATH,
+        cert: env.VITE_SSL_CERT_PATH,
+      }
+  }}
 });