feat: implement EditPost page with functionality to update existing blog posts

src/pages/CreatePost.tsx

@@ -1,16 +1,18 @@
 import { useState, useRef } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { Navigate, useNavigate } from 'react-router-dom';
 import Layout from '../components/Layout';
 import BlogEditor, { type BlogEditorRef } from '../blog/BlogEditor';
 import { uploadImage, createBlogPost } from '../blog/api';
 import { Toast } from '../components/Toast';
 import { useToast } from '../hooks/useToast';
+import { useAuth } from '../contexts/AuthContext';
 import '../App.css';
 
 function CreatePost() {
   const navigate = useNavigate();
   const editorRef = useRef<BlogEditorRef>(null);
   const { toasts, removeToast, success, error } = useToast();
+  const { isAuthenticated } = useAuth();
   const [title, setTitle] = useState('');
   const [coverImage, setCoverImage] = useState<string | null>(null);
   const [coverImageKey, setCoverImageKey] = useState<string>('');
@@ -99,6 +101,10 @@ function CreatePost() {
     }
   };
 
+  if (!isAuthenticated) {
+    return <Navigate to="/blog" replace />;
+  }
+
   return (
     <Layout currentPage="blog">
       <Toast toasts={toasts} onRemove={removeToast} />