feat: add UUID dependency and update AboutDialog and PostInfo components

- Added `uuid` as a dependency in `package.json`.
- Updated links in `AboutDialog.vue` to reflect new repository.
- Modified `PostInfo.vue` to support new data structures and functionalities, including image processing and platform selection.
- Introduced new utility functions in `extension.ts` for handling extension interactions and data synchronization.

Author: harryisfish

apps/web/src/components/editor/editor-header/AboutDialog.vue

@@ -15,9 +15,8 @@ function onUpdate(val: boolean) {
 }
 
 const links = [
-  { label: `GitHub 仓库`, url: `https://github.com/doocs/md` },
-  { label: `Gitee 仓库`, url: `https://gitee.com/doocs/md` },
-  { label: `GitCode 仓库`, url: `https://gitcode.com/doocs/md` },
+  { label: `GitHub 仓库`, url: `https://github.com/leaper-one/multipost-wechat-markdown-editor` },
+  { label: `原项目`, url: `https://github.com/doocs/md` },
 ]
 
 function onRedirect(url: string) {
@@ -32,16 +31,19 @@ function onRedirect(url: string) {
         <DialogTitle>关于</DialogTitle>
       </DialogHeader>
       <div class="text-center">
-        <h3>一款高度简洁的微信 Markdown 编辑器</h3>
-        <p>扫码关注公众号 Doocs，原创技术内容第一时间推送！</p>
+        <h3>MultiPost - Markdown 编辑器</h3>
+        <p>适配 MultiPost 文章同步助手</p>
+        <p class="mt-2 text-sm text-gray-500">
+          本项目基于 <a href="https://github.com/doocs/md" target="_blank" class="text-blue-500 hover:underline">doocs/md</a> 进行改造，特此感谢！
+        </p>
         <img
           class="mx-auto my-5"
-          src="https://cdn-doocs.oss-cn-shenzhen.aliyuncs.com/gh/doocs/md/images/1648303220922-7e14aefa-816e-44c1-8604-ade709ca1c69.png"
-          alt="Doocs Markdown 编辑器"
+          src="@/assets/images/favicon.png"
+          alt="MultiPost Markdown 编辑器"
           style="width: 40%"
         >
       </div>
-      <DialogFooter class="sm:justify-evenly flex flex-wrap gap-2">
+      <DialogFooter class="sm:justify-evenly">
         <Button
           v-for="link in links"
           :key="link.url"