Enhance visual and user experience

[yunruu]

New features

• Lighten button focus color
• Even out columns spacing in questions data table
• Show info toast when session ends
• Show success toast on question delete
• Show more specific dialog header
• Encode match id in url for security reasons

[netlify]

✅ Deploy Preview for peerprep-g31 ready!

Name	Link
🔨 Latest commit	6d5eca7
🔍 Latest deploy log	https://app.netlify.com/sites/peerprep-g31/deploys/673478d99feb1600085ca941
😎 Deploy Preview	https://deploy-preview-214--peerprep-g31.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.

[shishirbychapur]

refreshing during the session causes this error

Unhandled Runtime Error
InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

Source
util\encryption.ts (6:12) @ atob

4 |
5 | export const decodeStr = (encoded: string) => {

6 | return atob(encoded)
| ^
7 | }
8 |

Better to just remove the encoding part i feel

[yunruu]

refreshing during the session causes this error

Unhandled Runtime Error InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

Source util\encryption.ts (6:12) @ atob

4 | 5 | export const decodeStr = (encoded: string) => {

6 | return atob(encoded)
| ^
7 | }
8 |

Better to just remove the encoding part i feel

Good catch, issue has been fixed, it is caused by undefined router id on initial load. I think we should implement it as it's just better security practice 😄

[Daviancold]

changes lgtm, feedback given directly and edited