feat(styles): implement modular CSS architecture

- Establish new CSS architecture to support feature-specific styles
- Introduce modular CSS structure for better scalability
- Set up base styles directory for shared Tailwind utilities
- Separate thinking-block styles into feature-specific module
- Configure webpack with MiniCssExtractPlugin for optimized CSS handling
- Update manifest.json to reflect new CSS structure

This change sets the foundation for a more maintainable and scalable CSS architecture,
making it easier to add styles for future features while keeping them modular and isolated.

extensions/chrome/public/manifest.json

@@ -10,7 +10,7 @@
     {
       "matches": ["https://*.claude.ai/*"],
       "js": ["content.js"],
-      "css": ["styles.css"]
+      "css": ["content.css"]
     }
   ],
   "icons": {

extensions/chrome/src/content/index.ts

@@ -1,3 +1,5 @@
+import "@/styles/index.css"
+
 import { ExtensionManager } from "./v3/managers/extension-manager"
 
 // Create a single instance of ExtensionManager

extensions/chrome/src/content/v3/features/thinking-block/setup-controls.ts

@@ -51,7 +51,8 @@ function updateCopyButtonUI(copyButton: Element) {
   const originalText = textSpan.textContent
   const originalSvgPath = svg.innerHTML
 
-  textSpan.textContent = "Copied"
+  // textSpan.textContent = "Copied"
+
   svg.innerHTML =
     '<path d="M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"></path>'