Add title and description to Opengraph data for Wrapstodon share page (#37188)

app/views/wrapstodon/_og_description.html.haml

@@ -0,0 +1,4 @@
+- description = t('wrapstodon.description', name: display_name(account))
+
+%meta{ name: 'description', content: description }/
+= opengraph 'og:description', description

app/views/wrapstodon/show.html.haml

@@ -4,8 +4,12 @@
   %meta{ name: 'robots', content: 'noindex, noarchive' }/
 
   = opengraph 'og:site_name', site_title
+  = opengraph 'og:type', 'article'
+  = opengraph 'og:title', t('wrapstodon.title', name: display_name(@account), year: @generated_annual_report.year)
   = opengraph 'profile:username', acct(@account)[1..]
 
+  = render 'og_description', account: @account
+
   = vite_typescript_tag 'wrapstodon.tsx', crossorigin: 'anonymous'
 
 - content_for :html_classes, 'theme-dark'

config/locales/en.yml

@@ -2187,4 +2187,5 @@ en:
     otp_required: To use security keys please enable two-factor authentication first.
     registered_on: Registered on %{date}
   wrapstodon:
+    description: See how %{name} used Mastodon this year!
     title: Wrapstodon %{year} for %{name}