start Joy UI design implementation (#46)

## Pull Request Checklist


- [x] I have read the contributing guidelines.
- [x] I have followed the TypeScript/JavaScript style guides.
- [x] All new and existing tests passed.

## Description

- New design adopted for the frontend in order to make it more
responsive, clean and efficient

<img width="1280" alt="Screenshot 2024-09-17 at 2 02 48 PM"
src="https://github.com/user-attachments/assets/960b80ef-e6e8-4a7a-a095-6a6b6d754bd8">

(Add relevant screenshots or GIFs to illustrate changes or UI
enhancements.)

## Related Issues

None

## Additional Notes

None

frontend/.gitignore

@@ -22,7 +22,3 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-
-# Environment Variables
-
-.env