feat: add stylelint for SCSS and CSS, update theme and global styles

- Added stylelint scripts to package.json for linting SCSS and CSS files.
- Updated global styles to remove quotes from font-family declarations and changed `currentColor` to `currentcolor`.
- Refactored theme.scss to use shorthand hex color codes and updated font-family declarations.
- Modified carousel component to remove unnecessary onSelect call.
- Enhanced useSnippetForm hook with comments and ESLint disable/enable for clarity.
- Improved mixins in _mixins.scss for flexbox and responsive breakpoints.
- Updated color definitions in _variables.scss to use the `hsl()` format with degrees.
- Changed button and dialog styles to use `currentcolor` for background.
- Adjusted header styles for box-shadow and gradient backgrounds.
- Refined typography styles to ensure consistent font-family usage.
- Enhanced utility classes in _utilities.scss for better readability and maintainability.

package.json

@@ -8,6 +8,7 @@
         "build": "next build",
         "start": "next start",
         "lint": "eslint .",
+        "stylelint": "stylelint \"src/**/*.{scss,css}\"",
         "kill": "fuser -k 5000/tcp"
     },
     "dependencies": {
@@ -74,6 +75,9 @@
         "eslint-config-next": "^16.1.3",
         "eslint-plugin-react-hooks": "^7.0.1",
         "globals": "^16.0.0",
+        "stylelint": "^17.0.0",
+        "stylelint-config-standard-scss": "^17.0.0",
+        "stylelint-scss": "^7.0.0",
         "typescript": "~5.9.3",
         "typescript-eslint": "^8.53.1"
     },