New client statics (#8885)

* Moved static files over to new client

* Added statics, fixed translations and update styles

* More style and vue fixes

* Fixed line endings

* Fixed new stuff converasion and help links

website/client/components/static/clearBrowserData.vue

@@ -0,0 +1,37 @@
+<template lang="pug">
+  .row
+    .col-md-6.offset-3.text-center
+      .page-header
+        h1 {{ $t('clearBrowserData') }}
+
+      p(v-html="$t('localStorageTryFirst', localStorageTryFirst) ")
+      br
+      p.text-center
+        button.btn.btn-lg.btn-danger(@click='clearLocalStorage()',
+          popover-trigger='mouseover', :popover="$t('localStorageClearExplanation')")
+          | {{ $t('localStorageClear') }}
+      br
+      p(v-html="$t('localStorageTryNext', localStorageTryNext) ")
+</template>
+
+<script>
+export default {
+  data () {
+    return  {
+      localStorageTryFirst: {
+        linkStart: '<a href="/#/options/settings/settings" target="_blank">',
+        linkEnd: '</a>',
+      },
+      localStorageTryNext: {
+        linkStart: '<a href="https://github.com/HabitRPG/habitica/issues/2760" target="_blank">',
+        linkEnd: '</a>',
+      },
+    };
+  },
+  methods: {
+    clearLocalStorage () {
+      localStorage.removeItem('habit-mobile-settings');
+    },
+  },
+};
+</script>