Create form abuse page (#731)

* Create form abuse page

* Update iframe height in report-abuse.vue for improved user experience

- Increased the minimum height of the iframe from 600px to 1000px to enhance visibility and usability of the abuse report form. This change aims to provide a better user experience by ensuring that the entire form is more easily accessible without the need for scrolling.

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/pages/OpenFormFooter.vue

@@ -63,6 +63,13 @@
             >
               Terms & Conditions
             </router-link>
+
+            <router-link
+              :to="{ name: 'report-abuse' }"
+              class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
+            >
+              Report Abuse
+            </router-link>
           </template>
         </div>
       </div>

client/pages/report-abuse.vue

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <div
+      class="h-screen w-screen mt-4"
+      style="height: 100%;"
+    >
+      <iframe
+        id="opnform-form-abuse-report-wnociq"
+        style="border:none;width:100%;min-height: 1000px;"
+        src="https://opnform.com/forms/opnform-form-abuse-report-wnociq"
+      />
+    </div>
+    <open-form-footer />
+  </div>
+</template>
+
+<script setup>
+useOpnSeoMeta({
+  title: "Report Abuse",
+})
+definePageMeta({
+  middleware: ["self-hosted"]
+})
+defineRouteRules({
+  swr: 3600,
+})
+
+useHead({
+  script: [
+    {
+      src: 'https://opnform.com/widgets/iframe.min.js',
+      onload: "initEmbed('opnform-form-abuse-report-wnociq')"
+    }
+  ]
+})
+</script>