feat: add CSS Custom Blob & Fancy Border Radius Generator

[erikurt9]

Features

Closes #406

This PR introduces a CSS Custom Blob & Fancy Border-Radius Generator utility to DevTasks, fully built with React and Tailwind CSS matching the existing UI/UX and dark/light mode standards.

✨ Key Features

• Visual Drag & Drop Handles: 8 interactive control handles (2 per corner: horizontal & vertical) to visually customize non-standard border-radius values in real-time.
• Preset Gallery: Quick selection of popular organic shapes (Organic Blob, Liquid Button, Egg, Speech Bubble, and Circle).
• Interactive Morphing Animation: Toggleable CSS keyframe animation preview that smooth-morphs the shape into a generated secondary blob state.
• Dimensional Controls: Sliders for live width and height adjustments.
• Export Capabilities: One-click copy for both raw CSS (border-radius, width, height, animation) and Tailwind CSS equivalent classes.

---

🔍 Changes Overview

• src/pages/DevUtilities/devutilities/FancyBorderRadiusGenerator.jsx: Main utility component implementation.
• src/App.jsx: Added route /devutilities/fancy-border-radius.
• src/config/sidebarSections.js: Added entry under the Dev Utilities sidebar section.
• src/pages/DevUtilities/DevUtilities.jsx: Added the tool card in the Dev Utilities landing page.

---

🧪 Testing & Verification

• Tested dragging all 8 handles across light/dark themes.
• Verified CSS keyframe injection works seamlessly without conflicts across instances.
• Verified responsiveness across different screen sizes.
• Ran npm run lint and npm run build locally with zero errors.

📸 Screenshots

[vercel]

@erikurt9 is attempting to deploy a commit to the shamilahmdt's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

👋 Hello, @erikurt9!

Thank you for your contribution to DevTasks.

The maintainer has been notified and will review your pull request shortly. If any changes are needed, we will let you know in the comments below.