Fix 6 Style issues in multiple files

[codefactor-io]

CodeFactor found multiple issues last seen at a1ea9eb:

Fast refresh only works when a file only exports components. Use a new file to share constants or functions between components.

• src\components\ui\sidebar.tsx:743
• src\components\ui\button.tsx:49
• src\components\ui\toggle.tsx:42
• src\components\ui\form.tsx:163
• src\components\ui\navigation-menu.tsx:111
• src\components\ui\badge.tsx:32

[linear-code]

TS-147

[coderabbitai]

🔗 Related PRs

#4 - Fix ESLint/Prettier config and apply formatting [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!