refactor: client app readme, routing (#779)

* refactor: minor clean up, add migration note in readme

* fix: resolve routing error on hard refresh

* refactor: updating web-dev-server config

client-app/README.md

@@ -1,4 +1,4 @@
-# Emblem Giving frontend application
+# Emblem Giving frontend application ⚠️  (Migration pending)
 
 ## Quicklinks
 * [Requirements](requirements)
@@ -124,7 +124,7 @@ If you would like to manually build & deploy, read on.
 ```bash
 cd client-app/
 gcloud set project $OPS_PROJECT // All images are in this registry
-gcloud builds submit --tag $REGION-docker.pkg.dev/ $OPS_PROJECT/website/lit-based-website
+gcloud builds submit --tag $REGION-docker.pkg.dev/$OPS_PROJECT/website/lit-based-website
 ```
 
 ### Auth server container
@@ -151,7 +151,7 @@ gcloud run deploy --image=$REGION-docker.pkg.dev/$OPS_PROJECT/website/lit-based-
 ```bash
 cd server/
 gcloud set project $OPS_PROJECT 
-gcloud run deploy --image=$REGION-docker.pkg.dev$OPS_PROJECT/website/lit-auth-api --port 4000
+gcloud run deploy --image=$REGION-docker.pkg.dev/$OPS_PROJECT/website/lit-auth-api --port 4000
 ```
 
 List of required environment variables and secrets needed to update each Cloud Run container in order to function properly. 

client-app/web-dev-server.config.mjs

@@ -20,8 +20,12 @@ const hmr = process.argv.includes('--hmr');
 const theme = process.env.THEME;
 
 export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  open: '/',
   watch: !hmr,
+  port: 8081,
+  open: true,
+  rootDir: '.',
+  basePath: '/',
+  appIndex: 'index.html',
   nodeResolve: {
     exportConditions: ['browser', 'development']
   },