Allow horizontal resize of left sidebar (frontend)

What is in this MR

This merge request introduces the ability to horizontally resize the sidebar. When the sidebar has a width of lower than 170, it changes into the collapsed more, hiding most of the items because there isn't enough space.

It's frontend only, so the width is not saved anywhere, same as the collapsing functionality before. In a later merge request whe can store this width in a cookie, or in the backend.

Aug-01-2024_21-18-30

How to test this MR

• Hover over the right border of the sidebar, and observe the hover effect.
• Drag and drop the to change the width of the sidebar.
• A page refresh should reset to the original 240px width.
• The collapsing of the template should work as before.
• Resizing of the fields in the grid view should work as expected.

Merge Request Checklist

• A changelog entry has been created if required.
• New/updated Premium/Enterprise features are separated correctly in the premium or enterprise folder
• The latest Chrome and Firefox have been used to test any new frontend features
• Documentation has been updated
• Quality Standards are met
• Performance: tables are still fast with 100k+ rows, 100+ field tables
• The redoc API pages have been updated for any REST API changes
• Our custom API docs are updated for changes to endpoints accessed via api tokens
• The UI/UX has been updated following UI Style Guide