refactor(devtools): rename SocialPreviewSection to SocialPreviewsSection

This commit updates the naming of the SocialPreviewSection component to SocialPreviewsSection for consistency and clarity in the SEO tab of the devtools package. The change improves code readability and aligns with the pluralization of the component's purpose.

Author: abedshaaban

packages/devtools/src/tabs/seo-tab/index.tsx

@@ -1,10 +1,10 @@
 import { MainPanel } from '@tanstack/devtools-ui'
-import { SocialPreviewSection } from './social-preview'
+import { SocialPreviewsSection } from './social-preview'
 
 export const SeoTab = () => {
   return (
     <MainPanel withPadding>
-      <SocialPreviewSection />
+      <SocialPreviewsSection />
     </MainPanel>
   )
 }

packages/devtools/src/tabs/seo-tab/social-preview.tsx

@@ -146,7 +146,7 @@ function SocialPreview(props: {
   )
 }
 
-export function SocialPreviewSection() {
+export function SocialPreviewsSection() {
   const [reports, setReports] = createSignal<Array<SocialReport>>(analyzeHead())
   const styles = useStyles()