feat: Integrate Tiptap for rich text editing and enhance NoteEditor with a new toolbar

[prakash601]

This pull request adds rich text editing capabilities to the notes app, allowing users to format their notes with bold, italic, underline, headings, lists, and text alignment options. The implementation uses Tiptap, a modern WYSIWYG editor, providing an intuitive editing experience.

Changes Made

New Features

• WYSIWYG Rich Text Editor: Real-time formatting without syntax

• Formatting Toolbar: Visual toolbar with formatting options

• Keyboard Shortcuts:

  • Ctrl/Cmd + B - Bold
  • Ctrl/Cmd + I - Italic
  • Ctrl/Cmd + U - Underline

• Active State Indicators: Buttons highlight when formatting is active

• Text Formatting Options:

  • Bold, Italic, Underline
  • Heading 1 & Heading 2
  • Bullet lists and numbered lists
  • Text alignment (left, center, right)

• Bold formatting works (button and Ctrl+B)

• Italic formatting works (button and Ctrl+I)

• Underline formatting works (button and Ctrl+U)

• Heading 1 and 2 work correctly

• Bullet and numbered lists function properly

• Text alignment (left, center, right) works

• Active state indicators highlight correctly

• Auto-save functionality works

• Notes persist after page reload

• Sidebar preview shows clean text

• No console errors

Closes #8

[vercel]

Someone is attempting to deploy a commit to the Dhanush Nehru's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Pull Request Overview

This PR integrates Tiptap rich text editor to replace the basic textarea in the notes app, providing WYSIWYG editing capabilities with formatting options like bold, italic, underline, headings, lists, and text alignment.

• Replaces the simple textarea with a comprehensive rich text editor using Tiptap
• Adds a formatting toolbar with visual buttons and keyboard shortcuts
• Updates the note preview to strip HTML tags for clean text display

Reviewed Changes

Copilot reviewed 6 out of 7 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
package.json	Adds Tiptap editor dependencies and extensions
tailwind.config.ts	Updates Tailwind configuration to support typography plugin
src/components/editor-styles.css	Defines custom CSS styles for the Tiptap editor
src/components/RichTextToolbar.tsx	Creates the formatting toolbar component with buttons and tooltips
src/components/NoteEditor.tsx	Replaces textarea with Tiptap editor and integrates the toolbar
src/components/NoteCard.tsx	Adds HTML stripping function for plain text preview

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
scratchpad-scribe	Ready	Preview	Comment	Oct 2, 2025 2:45pm

[Copilot]

Pull Request Overview

Copilot reviewed 6 out of 7 changed files in this pull request and generated no new comments.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[learner-enthusiast]

resolve the conflicts

[DhanushNehru]

Resolve merge conflicts @prakash601