feat: access page refactor, design rework

[katsukixyz]

PR Title

Issue Number(s): #229

What does this PR change and why?

Checklist

• [ ] Requirements have been implemented
• [ ] Acceptance criteria are met
• [ ] Database schema docs have been updated or are not necessary
• [ ] Code follows design and style guidelines
• [ ] Commits follow guidelines (concise, squashed, etc)
• [x] Relevant reviewers (Senior Dev/EM/Designers) have been assigned to this PR

Critical Changes

• Database change/migration to run
• Environment config change
• Breaking API change

Related PRs

• number_of_pr

Testing

Enumerate steps to test the functionality of your ticket. This should include edge cases and testing of error handling, if applicable.

[netlify[bot]]

✅ Deploy Preview for angels-among-us ready!

Name	Link
🔨 Latest commit	27673650b62772f1841a117425ad89c788782a04
🔍 Latest deploy log	https://app.netlify.com/sites/angels-among-us/deploys/654bd2ee8490a700080908ae
😎 Deploy Preview	https://deploy-preview-275--angels-among-us.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions[bot]]

Coverage report for web

St.:grey_question:	Category	Percentage	Covered / Total
🔴	Statements	26.28% (+0.36% 🔼)	527/2005
🔴	Branches	9.12% (+0.25% 🔼)	64/702
🔴	Functions	12.48% (+0.1% 🔼)	77/617
🔴	Lines	22.64% (+0.38% 🔼)	402/1776

Show new covered files 🐣

|

St.^{:grey_question:}

| File | Statements | Branches | Functions | Lines | | :----------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------- | :--------- | :------- | :-------- | :---- | | 🔴 |

`...` / PermissionSelector.tsx

| 0% | 100% | 0% | 0% |

Show files with reduced coverage 🔻

|

St.^{:grey_question:}

| File | Statements | Branches | Functions | Lines | | :----------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------- | :------------------------------------------------------------ | :------- | :------------------------------------------------------ | :---- | | 🟢 |

`...` / account.ts

|

83.33% (-16.67% 🔻)

| 100% |

50% (-50% 🔻)

| 100% |

Test suite run success

41 tests passing in 5 suites.

Report generated by 🧪jest coverage report action from 27673650b62772f1841a117425ad89c788782a04