Fix Button Overflow on Mobile View & Add List/Card Toggle Button in Organization Section

[modamaan]

Describe the bug
On smaller screens, some buttons overflow their containers, causing layout issues. Additionally, the organization section lacks a toggle button to switch between list and card views, making it less user-friendly

To Reproduce
Steps to reproduce the behavior:

Click here to reproduce

See error

Expected behavior
Buttons should remain within their containers and adapt properly to different screen sizes.
The organization section should have a functional toggle button to switch between list and card views seamlessly.

Screenshots

1. Add card/list toggle button
   Click here to reproduce

2. Link user button overflow on mobile screen
   Click here to reproduce

3. signout button overflow on small screen
   Click here to reproduce

4. button overflow on locations
   Click here to reproduce

5. Adjust the width of the questionnaire dropdown.
   Click here to reproduce

6. not a proper width on desktop size (pick a date button)
   Click here to reproduce

7. correct the arrow position
   Click here to reproduce

Desktop (please complete the following information):

• OS: [windows]
• Browser [chrome]
• Version [132.0.6834.111]

Additional context
Add any other context about the problem here.

[modamaan]

@rithviknishad @Jacobjeevan i would like to take it up

[Jacobjeevan]

(1) Let's not do that
(2) #10405
(4) Page is being redesigned #10376