Revamp bed management page, improve responsiveness

[naman114]

Fixes #2745

• Revamped the design of the Bed Management page
• Replaced the existing table with a list view to improve responsiveness on mobile screens
• Created a separate route to edit a bed's details, replacing the current method of updating the values in the table itself

Before

Now

2022-06-26.20-13-14.mp4

[aeswibon]

Fixes #2838

[gitguardian]

⚠️ GitGuardian has uncovered 1 secret following the scan of your pull request.

Please consider investigating the findings and remediating the incidents. Failure to do so may lead to compromising the associated services or software components.

🔎 Detected hardcoded secret in your pull request

GitGuardian id	Secret	Commit	Filename
757392	Google API Key	2cec8ae	src/Common/env.tsx	View secret

🛠 Guidelines to remediate hardcoded secrets

1. Understand the implications of revoking this secret by investigating where it is used in your code.
2. Replace and store your secret safely. Learn here the best practices.
3. Revoke and rotate this secret.
4. If possible, rewrite git history. Rewriting git history is not a trivial act. You might completely break other contributing developers' workflow and you risk accidentally deleting legitimate data.

To avoid such incidents in the future consider

• following these best practices for managing and storing secrets including API keys and other credentials
• install secret detection on pre-commit to catch secret before it leaves your machine and ease remediation.

---

<sup>🦉 GitGuardian detects secrets in your source code to help developers and security teams secure the modern development process. You are seeing this because you or someone else with access to this repository has authorized GitGuardian to scan your pull request.

Our GitHub checks need improvements? Share your feedbacks!</sup>

[nihal467]

@naman114

having the badge on the top. waste a lot of space, can we have an alternate location for the badge

[naman114]

I've moved the Bed Type tag next to the Bed Name. How does this look? @nihal467

[nihal467]

@naman114 the alignment of the both bottom feel like too much low, can you bring it up a bit

[naman114]

Fixed the vertical alignment of the buttons @nihal467

[nihal467]

test approved

[khavinshankar]

@naman114 the text seems to be overflowing in md screens, truncate might help

please add need testing after the fix

[naman114]

Fixed the overflowing title text on md screens @khavinshankar

[nihal467]

test approved