chore: document and standardize hosts/ports across apps

apps/Frontend/.env.example

@@ -1,2 +1,4 @@
-VITE_API_BASE_URL_BACKEND=http://localhost:5000
- 
+NODE_ENV=development
+HOST=0.0.0.0
+PORT=3000
+VITE_API_BASE_URL_BACKEND=http://localhost:5000

apps/Frontend/vite.config.ts

@@ -1,19 +1,20 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import path from 'path';
+import { defineConfig, loadEnv } from "vite";
+import react from "@vitejs/plugin-react";
+import path from "path";
 
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "");
 
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [
-    react(),
-  ],
-  server: {
-    port: 3000, 
-  },
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, 'src')
-    }
-  }
+  return {
+    plugins: [react()],
+    server: {
+      host: env.HOST,
+      port: Number(env.PORT),
+    },
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "src"),
+      },
+    },
+  };
 });