refactor note component

package.json

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@headlessui/react": "^1.7.15",
-    "@nostr-dev-kit/ndk": "^0.7.5",
+    "@nostr-dev-kit/ndk": "^0.7.6",
     "@nostr-fetch/adapter-ndk": "^0.11.0",
     "@radix-ui/react-popover": "^1.0.6",
     "@radix-ui/react-tooltip": "^1.0.6",
@@ -28,7 +28,7 @@
     "cheerio": "1.0.0-rc.12",
     "dayjs": "^1.11.9",
     "destr": "^1.2.2",
-    "framer-motion": "^10.12.18",
+    "framer-motion": "^10.12.20",
     "get-urls": "^11.0.0",
     "immer": "^10.0.2",
     "light-bolt11-decoder": "^3.0.0",
@@ -41,7 +41,7 @@
     "react-player": "^2.12.0",
     "react-router-dom": "^6.14.1",
     "react-string-replace": "^1.1.1",
-    "react-virtuoso": "^4.3.11",
+    "react-virtuoso": "^4.4.0",
     "slate": "^0.94.1",
     "slate-history": "^0.93.0",
     "slate-react": "^0.94.2",
@@ -56,8 +56,8 @@
     "@tauri-apps/cli": "^1.4.0",
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
     "@types/node": "^18.16.19",
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
     "@types/youtube-player": "^5.5.7",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
@@ -73,13 +73,13 @@
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.3",
-    "postcss": "^8.4.25",
+    "postcss": "^8.4.26",
     "prettier": "^2.8.8",
     "prettier-plugin-tailwindcss": "^0.3.0",
     "prop-types": "^15.8.1",
-    "tailwindcss": "^3.3.2",
+    "tailwindcss": "^3.3.3",
     "typescript": "^4.9.5",
-    "vite": "^4.4.2",
+    "vite": "^4.4.4",
     "vite-plugin-top-level-await": "^1.3.1",
     "vite-tsconfig-paths": "^4.2.0"
   }