fix(bookmarks): improve responsive styles

[Meierschlumpf]

Homarr

Thank you for your contribution. Please ensure that your pull request meets the following pull request:

• Builds without warnings or errors (pnpm build, autofix with pnpm format:fix)
• Pull request targets dev branch
• Commits follow the conventional commits guideline
• No shorthand variable names are used (eg. x, y, i or any abbrevation)

Before

After

New options

Difference between grid (right) and gridHorizontal (left)

Part of #2531

[deepsource-io]

Here's the code health analysis summary for commits ac5fc38..88bc1ba. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success		View Check ↗

---

💡 If you’re a repository administrator, you can configure the quality gates from the settings.

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	23.26%	9905 / 42568
🔵	Statements	23.26%	9905 / 42568
🔵	Functions	30.02%	415 / 1382
🔵	Branches	64.95%	1186 / 1826

File Coverage

File	Stmts	Branches	Functions	Lines	Uncovered Lines
Changed Files
packages/old-import/src/widgets/options.ts	73.12%	100%	0%	73.12%	33-40, 65, 67, 70, 73, 140-142, 144-146, 149-151, 154, 170-192
packages/widgets/src/bookmarks/component.tsx	0%	0%	0%	0%	1-290
packages/widgets/src/bookmarks/index.tsx	53.06%	100%	20%	53.06%	29-47, 51-58

Generated in workflow #5432 for commit 88bc1ba by the Vitest Coverage Report Action