style: sidebar responsiveneness

[AhmedAmrNabil]

No description provided.

[github-actions]

Testers Checklist

General

• Validation for every input
• Persistent try/catch blocks
• No lack of documentation
• Localization

Frontend

• Caching (if applicable)
• Responsiveness for all screens
• Loading indicators & skeleton loaders
• Optimistic loading (if applicable)
• No warnings in console

[github-actions]

Unit Tests Coverage Report

Coverage after merging feat/responsiveness into dev will be

80.61%

Coverage Report for Changed Files

File	Stmts	Branches	Funcs	Lines	Uncovered Lines
app/components/Logo
Raven.vue	100%	100%	100%	100%
app/components/Settings/SettingsSection
index.vue	100%	100%	100%	100%
app/components/SideBar/Left
Tab.vue	94.44%	88.89%	100%	100%	19–20
index.vue	96.97%	100%	90.91%	97.14%	165
app/components/profile
ProfileAvatarSection.vue	84.27%	85.71%	77.78%	86.21%	23, 26, 30, 43, 46, 48, 48, 48, 84–85
ProfileCover.vue	100%	100%	100%	100%
ProfileDetails.vue	100%	100%	100%	100%
ProfileInfo.vue	93.75%	86.67%	100%	100%	22, 25–26, 46
app/components/ui
Button.vue	100%	100%	100%	100%
app/layouts
conversation.vue	100%	100%	100%	100%
default.vue	100%	100%	100%	100%
settings.vue	0%	0%	0%	0%	10–12, 12, 12, 16–17, 20, 34, 34, 34, 34, 5, 7–9
app/pages
index.vue	80.85%	80%	71.43%	83.33%	24, 26, 26, 26–27, 29, 36