feat: build reusable Button component system with pill-shaped variants #102

[prasiddhi-105]

📝 Description

This PR resolves issue #102 by designing and implementing a single, unified Button component framework, successfully centralizing independent button code paths and styling rules across the interface.

Key implementations include:

• Pill-Shaped Variant Architecture: Created a standard, reusable Button component supporting primary, secondary, and ghost layouts. Both the primary and ghost variants leverage a fully rounded capsule design (9999px) to maintain fluid cohesion across layouts.
• Layout Cleanups & De-duplication: Harmonized the dashboard design layout by reorganizing the control bar tools side-by-side at the header, ordering the action flows symmetrically, and sweeping out old duplicate hardcoded block declarations.
• Interactive Uniformity: Standardized cohesive micro-interactions (hover, active, and disabled scaling profiles) globally via CSS utility layers.

🔗 Related Issue

Closes #102

Screenshot:

✅ Type of Change

• ✨ New feature (non-breaking change that adds functionality)
• 💅 UI/UX improvement

🧪 How Has This Been Tested?

• Confirmed variant styles accurately inherit structural theme context tokens.
• Verified capsule rendering layout snaps cleanly across both primary action inputs and top-level utility controls.
• Checked action button states across normal usage, hover conditions, and background execution blocks.

[vercel]

@prasiddhi-105 is attempting to deploy a commit to the a2521729-9889's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Muskankr]

@prasiddhi-105 , Resolve merge conflicts and also before pushing code check this in frontend terminal npm run build as it will pass deployment conditiond because after merging it is causing deployment fail problem.

[Muskankr]

Resolve merge conflicts

[prasiddhi-105]

Resolve merge conflicts

done

[prasiddhi-105]

Resolve merge conflicts

check once i cleared resolve conflicts again