Update toggle switch container view

[bipplane]

Summary:

Fixes #494
Simple aesthetic change: Toggle switch bar has a hover style and wider dimensions for better responsiveness.

Type of change

• ✨ New Feature/ Enhancement

Changes Made:

Updated toggle-switch-container to have highlight-on-hover, in line with the rest of the website's aesthetics.
Border and margins have been added/updated to fit the design as well.

Screenshots:

Normal look

On mouse hover

Proposed Commit Message:

Update toggle switch container view

Refactored the container view for the toggle switch component 
to improve its layout and responsiveness.

This change addresses inconsistencies in alignment, spacing and
visibility.

Checklist:

• I have tested my changes thoroughly.
• I have created tests for any new code files created in this PR or provided a link to a issue/PR that addresses this.
• I have added or modified code comments to improve code readability where necessary.
• I have updated the project's documentation as necessary.

[Arif-Khalid]

Thank you @bipplane for your PR and it looks promising.
Could you create an issue outlining the problem and link it to this PR? It would help facilitate a discussion among the maintainers.

[bipplane]

Thank you for the feedback! I'll create an issue accordingly.

[NorbertLoh]

Nits to fix. I think this is a good fix. However, perhaps you could consider using a more subtle hover box shadow. Might be cleaner to change background/border colour.

[NorbertLoh]

Your git commit message should have a subject line that fits the seedu guidelines. Where the subject should be in the imperative mood.

[NorbertLoh]

Could we also prevent the highlighting of the arrow? just to make it slightly cleaner

[damithc]

Could we also prevent the highlighting of the arrow? just to make it slightly cleaner

Yup. Alternatively, highlight on hover. Another alternative is to use a separate overlay icon/button in the corner, which saves horizontal space as well.

[NorbertLoh]

Looks great! 1 small nit pick. Otherwise LGTM!

The merge-base changed after approval.