Refactor OG image generation in various pages and update package dependencies

pages/categories/index.vue

@@ -31,15 +31,15 @@ useHead({
 })
 
 // Generate OG Image
-// const siteData = useSiteConfig()
-// defineOgImage({
-//   props: {
-//     title: 'Categories',
-//     description:
-//       'Below All the topics are listed on which either I have written a blog or will write a blog in near future.',
-//     siteName: siteData.url,
-//   },
-// })
+const siteData = useSiteConfig()
+defineOgImage({
+  props: {
+    title: 'Categories',
+    description:
+      'Below All the topics are listed on which either I have written a blog or will write a blog in near future.',
+    siteName: siteData.url,
+  },
+})
 </script>
 
 <template>