docs: update readme and description

Author: zeevenn

README.md

@@ -1,13 +1,13 @@
 # Diff Viewer
 
-A simple real-time diff viewer built with Monaco Editor.
+A simple real-time diff viewer including text, image, folder and so on diff.
 
 ## ✨ Features
 
-- **Side-by-side Comparison**: Compare two text snippets in real-time
-- **Data Safe**: Don't store any data either on the server or the client
-- **Powerful Editor**: Powered by the Monaco Editor
-- **Modern UI**: Clean, intuitive interface built with React and Tailwind CSS
+- [x] **Text Diff**: Side-by-side comparison of two text snippets in real-time
+- [ ] **Image Diff**: Compare two images
+- [ ] **Folder Diff**: Compare two folders
+- [ ] ......
 
 ## 🚀 Live Demo
 

package.json

@@ -2,7 +2,7 @@
   "name": "diff-viewer",
   "private": true,
   "version": "0.0.0",
-  "description": "A simple real-time diff viewer built with monaco editor",
+  "description": "A simple real-time diff viewer including text, image, folder and so on diff.",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,8 +13,9 @@
   "keywords": [
     "diff",
     "viewer",
-    "monaco",
-    "editor"
+    "text",
+    "image",
+    "folder"
   ],
   "author": "Ziven <contact@ziven.me>",
   "license": "MIT",

src/components/layout/Footer.tsx

@@ -10,8 +10,7 @@ export const Footer = ({ className = "" }: FooterProps) => {
       <div className="mx-auto px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex flex-col md:flex-row justify-between items-center">
           <p className="text-gray-500 dark:text-gray-400 text-sm text-center">
-            Diff Viewer - A simple real-time diff viewer built with monaco
-            editor.
+            Diff Viewer - A simple real-time diff viewer including text, image, folder and so on diff.
           </p>
           <div className="flex space-x-6 mt-4 md:mt-0">
             <a