feat: add toolbar styles and functionality for blog editor

feat: implement EditorTheme for consistent styling across editor components

feat: define types for blog-related operations including image uploads and post creation

feat: create DropdownColorPicker component for color selection in blog editor

feat: implement ImageResizer component for resizing images in the blog editor

feat: add export and import functionality for blog posts in JSON format

feat: update main application routes to include CreatePost page

feat: enhance Blog page with a button to navigate to CreatePost

feat: implement CreatePost page with title, cover image upload, and content editor

src/pages/Blog.tsx

@@ -119,10 +119,36 @@ function Blog() {
           <p style={{
             fontSize: '1.3rem',
             color: 'var(--text-secondary)',
-            lineHeight: '1.6'
+            lineHeight: '1.6',
+            marginBottom: '2rem'
           }}>
             {t('blog.subtitle')}
           </p>
+          {/* Create Post Button */}
+          <Link
+            to="/blog/create"
+            style={{
+              display: 'inline-block',
+              background: 'var(--accent-color)',
+              color: 'white',
+              padding: '1rem 2rem',
+              borderRadius: '8px',
+              textDecoration: 'none',
+              fontWeight: 'bold',
+              fontSize: '1.1rem',
+              transition: 'transform 0.3s ease, box-shadow 0.3s ease'
+            }}
+            onMouseEnter={(e) => {
+              e.currentTarget.style.transform = 'translateY(-2px)';
+              e.currentTarget.style.boxShadow = '0 4px 12px var(--accent-shadow)';
+            }}
+            onMouseLeave={(e) => {
+              e.currentTarget.style.transform = 'translateY(0)';
+              e.currentTarget.style.boxShadow = 'none';
+            }}
+          >
+            ✍️ Create New Post
+          </Link>
         </div>
       </section>