tuned header of recipe lists for smartphones

frontend/vite.config.ts

@@ -1,6 +1,13 @@
-import { defineConfig } from "vite"
+import { defineConfig, loadEnv } from "vite"
 import react from "@vitejs/plugin-react"
 
-export default defineConfig({
-  plugins: [react()],
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "")
+  return {
+    plugins: [react()],
+    server: {
+      host: env.VITE_HOST || "localhost",
+      port: Number(env.VITE_PORT) || 5173,
+    },
+  }
 })