In this workspace there are 2 folders - Chsmobileversion and Erpcrystal_chs

Erpcrystal_chs has 3 projects - web, api and models. This is a live, production application.

You have to first understand the architecture, tech stack and flow of this app before you start the new assignment.

The old Chs application will continue to be live and no part of that should be changed.

The new app is to be developed as SOTA app in next.js with modern UI - tailwind and shadcn. It would be mobile first, mobile friendly and you need to create the necessary files so that on the mobile a short-cut can be created.

The c# chs app web project passes the db name to the api backend through a service class. Hence for the next js front end to work with the c# api backend, we need to pass the db name. I have created a project in firebase for hosting the front end and also created user object which will contain the dbname and will be passed on to the c# backend through jwt. So we will need one service in c# backend to read the jwt and get the db name for every request. This should be automatically done but we do not want to amend every api method. Only a single service should be created in c# which should process the jwt and get the dbname.

We do not want to change the c# app except very few, minimal changes so that it remains stable.

I want to study and create a comprehensive development plan and suggested approaches and save it to Plan-For-Mobile-Frontend.md.

Ask me any clarifying questions, if any before you start creating the plan.