Fix sidebar toggle props and routing warnings

[aurthitaacharya-afk]

Issue #942

• Fixed Navbar props to support sidebar toggle
• Removed TypeScript warnings and errors
• Sidebar and layout now compile without errors .

Summary by CodeRabbit

• Documentation

  • Updated Discord server invitation link text styling for improved visibility.

• Style

  • Enhanced form control styling with adjusted spacing and line-height improvements for better readability across input fields, buttons, and text elements.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Two files modified: README.md updates Discord link display formatting to bold uppercase text, while docs/stylesheets/extra.css introduces global form control styling with line-height and padding adjustments targeting button, input, select, textarea, and paragraph elements.

Changes

Cohort / File(s)	Summary
Discord Link Formatting README.md	Changed Discord invitation link text to bold, uppercase "[ DISCORD SERVER ]" format for visual emphasis.
Form Control Styling docs/stylesheets/extra.css	Added global form control styling block targeting buttons, inputs, selects, textareas, and paragraphs with line-height: 1.5 and vertical padding. Contains duplicated styling block and syntax error in padding-bottom value (space before rem unit).

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 A Discord button shines with flair,
Bold brackets floating in the air!
While CSS paints with padding grace,
Though spacing quirks need a second glance...

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	The pull request title 'Fix sidebar toggle props and routing warnings' does not match the actual changes shown in the raw summary, which only modify the Discord link text in README.md and introduce CSS styling with syntax errors.	Update the title to accurately reflect the actual changes, such as 'Update Discord link formatting and add form control CSS styling' or revert the changelog to match the stated objectives.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 2

🤖 Fix all issues with AI agents

In `@docs/stylesheets/extra.css`:
- Around line 315-327: The CSS rule for form controls and .md-typeset elements
has an invalid value and stray character: change the "padding-bottom :0.4 rem;"
declaration to "padding-bottom: 0.4rem;" and normalize spacing (e.g.,
"line-height: 1.5; padding-top: 0.4rem; padding-bottom: 0.4rem;") in the
selector block (button, input, select, textarea, .md-typeset p, .md-typeset li)
and remove the stray backslash at the end of the file so the stylesheet parses
correctly.

In `@README.md`:
- Line 9: The Markdown link text contains leading/trailing spaces ("[ DISCORD
SERVER ](https://discord.gg/hjUhu33uAn)"), which triggers markdownlint MD039;
remove the spaces inside the square brackets so the link reads "[DISCORD
SERVER](https://discord.gg/hjUhu33uAn)". Update the README's link text
accordingly (replace "[ DISCORD SERVER ]" with "[DISCORD SERVER]") and keep the
URL unchanged.

[coderabbitai]

⚠️ Potential issue | 🟡 Minor

Fix invalid padding value and remove stray backslash.

padding-bottom :0.4 rem; is invalid (space before unit), so the rule is ignored. The standalone backslash can also disrupt parsing.

✅ Proposed fix

 button,
 input,
 select,
 textarea,
 .md-typeset p,
 .md-typeset li {
   line-height : 1.5;
   padding-top: 0.4rem;
-  padding-bottom :0.4 rem;
+  padding-bottom: 0.4rem;
 }
 
-\
 .md-footer-meta__inner.md-grid {

🧰 Tools

🪛 Biome (2.3.13)

[error] 326-327: unexpected character \

(parse)

🤖 Prompt for AI Agents

In `@docs/stylesheets/extra.css` around lines 315 - 327, The CSS rule for form
controls and .md-typeset elements has an invalid value and stray character:
change the "padding-bottom :0.4 rem;" declaration to "padding-bottom: 0.4rem;"
and normalize spacing (e.g., "line-height: 1.5; padding-top: 0.4rem;
padding-bottom: 0.4rem;") in the selector block (button, input, select,
textarea, .md-typeset p, .md-typeset li) and remove the stray backslash at the
end of the file so the stylesheet parses correctly.

[coderabbitai]

⚠️ Potential issue | 🟡 Minor

Fix markdownlint MD039 by removing spaces inside the link text.

Leading/trailing spaces inside the link text trigger the linter and should be removed.

✅ Proposed fix

-1. First, join the **[ DISCORD SERVER ](https://discord.gg/hjUhu33uAn) (Go to Projects->PictoPy)** to chat with everyone.
+1. First, join the **[DISCORD SERVER](https://discord.gg/hjUhu33uAn) (Go to Projects->PictoPy)** to chat with everyone.

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	1. First, join the **[ DISCORD SERVER ](https://discord.gg/hjUhu33uAn) (Go to Projects->PictoPy)** to chat with everyone.
	1. First, join the **[DISCORD SERVER](https://discord.gg/hjUhu33uAn) (Go to Projects->PictoPy)** to chat with everyone.

🧰 Tools

🪛 markdownlint-cli2 (0.20.0)

[warning] 9-9: Spaces inside link text

(MD039, no-space-in-links)

---

[warning] 9-9: Spaces inside link text

(MD039, no-space-in-links)

🤖 Prompt for AI Agents

In `@README.md` at line 9, The Markdown link text contains leading/trailing spaces
("[ DISCORD SERVER ](https://discord.gg/hjUhu33uAn)"), which triggers
markdownlint MD039; remove the spaces inside the square brackets so the link
reads "[DISCORD SERVER](https://discord.gg/hjUhu33uAn)". Update the README's
link text accordingly (replace "[ DISCORD SERVER ]" with "[DISCORD SERVER]") and
keep the URL unchanged.