feat: update dependencies and add new styles

- Added node and sass to dependencies in package.json
- Added @types/node to devDependencies
- Removed unused CSS files and replaced them with SCSS files
- Updated import paths in App.tsx and Blog.tsx to use new aliasing
- Configured TypeScript paths for easier imports
- Updated Vite config to include path aliases
- Created new SCSS files for About, Blog, Error, and Main styles
- Added a variables file for color and effect variables
- Updated index.scss for global styles and responsive adjustments

src/App.tsx

@@ -7,7 +7,7 @@ import { BlogPost } from './pages/BlogPost'
 import { Projects } from './pages/Projects'
 import { Contact } from './pages/Contact'
 import { NotFound } from './pages/NotFound'
-import './components/styles.css'
+import '@components/styles.css'
 
 function App() {
   return (