feat: desktop responsiveness

[DenserMeerkat]

PR Description

Make switching between the layouts based on available width & not specific to OS.

Related Issues

• Related Issue Make app responsive #411
• Closes Make app responsive #411

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with project main branch before making this PR
• I have run the tests (flutter test) and all tests are passing

Added/updated tests?

We encourage you to add relevant test cases.

• Yes
• No, and this is why: Still a work in progress

[DenserMeerkat]

Device width breakpoints chosen as mentioned in m3 docs

Haven't yet tested in MacOS and Linux

Known Issues:

• Incorrect drawer widths when resizing
  
  Possible fix - link (Still haven't fully looked into it)
• Incorrect navigation:
  Opening View Code / Settings / About page in Compact View pushes a new page in to the navigation stack but in Expanded View it doesn't, hence issues when resizing these pages.
  Possible fix - Page navigation in compact view without pushing new page into stack.
• Window Dragging in Compact View:
  Window Draggability not yet implemented in Compact View.