docs: enhance Docusaurus configuration with Open Graph and Twitter metadata

Author: AlshehriAli0

docs/docs/usage-examples.md

@@ -123,3 +123,31 @@ function useUpdateCheck() {
   return { updateAvailable, latestVersion }
 }
 ```
+
+## Use with TanStack Query
+
+If you're using [TanStack Query (React Query)](https://tanstack.com/query) for modern fetching patterns:
+
+```ts
+import { useQuery } from '@tanstack/react-query'
+import { needsUpdate } from 'react-native-nitro-version-check'
+
+export const useNeedsUpdate = () => {
+  return useQuery({
+    queryKey: ['needs-update'],
+    queryFn: needsUpdate,
+  })
+}
+```
+
+Then use it in your component:
+
+```tsx
+function UpdateBanner() {
+  const { data: shouldUpdate, isLoading } = useNeedsUpdate()
+
+  if (isLoading || !shouldUpdate) return null
+
+  return <Text>A new version is available!</Text>
+}
+```

docs/docusaurus.config.ts

@@ -60,13 +60,41 @@ const config: Config = {
         property: "og:type",
         content: "website",
       },
+      {
+        property: "og:title",
+        content: "Nitro Version Check",
+      },
       {
         property: "og:description",
         content: "A fast, modern version-checking library for React Native, powered by Nitro Modules.",
       },
       {
         property: "og:image",
-        content: "/img/social-cards/og-card.png",
+        content: "https://alshehriali0.github.io/react-native-nitro-version-check/img/social-cards/og-card.png",
+      },
+      {
+        property: "og:image:width",
+        content: "1200",
+      },
+      {
+        property: "og:image:height",
+        content: "630",
+      },
+      {
+        name: "twitter:card",
+        content: "summary_large_image",
+      },
+      {
+        name: "twitter:title",
+        content: "Nitro Version Check",
+      },
+      {
+        name: "twitter:description",
+        content: "A fast, modern version-checking library for React Native, powered by Nitro Modules.",
+      },
+      {
+        name: "twitter:image",
+        content: "https://alshehriali0.github.io/react-native-nitro-version-check/img/social-cards/og-card.png",
       },
       {
         name: "keywords",