Add scrolling to surveys from MyActivities page

Resolves MS-902 #complete

client/src/components/content-blocks/SurveyBlock.vue

@@ -2,6 +2,7 @@
   <div
     :data-scrollto="value.id"
     class="survey-block"
+    ref="surveyDiv"
   >
     <router-link
       :to="{ name: 'survey', params: { id: value.id } }"
@@ -12,10 +13,35 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
-export default {
+import { PAGE_LOAD_TIMEOUT } from '@/consts/navigation.consts';
-  props: ['value'],
+import { onMounted, ref } from 'vue';
-};
+import { useRoute } from 'vue-router';
+export interface Props {
+  value: {
+    id: string;
+  };
+}
+
+const props = defineProps<Props>();
+
+const surveyDiv = ref<HTMLElement | null>(null);
+const route = useRoute();
+
+onMounted(() => {
+  if (surveyDiv.value !== null) {
+    if (route.hash === `#${props.value.id}`) {
+      setTimeout(() => {
+        const rect = surveyDiv.value.getBoundingClientRect();
+
+        window.scrollTo({
+          top: rect.y,
+          behavior: 'smooth',
+        });
+      }, PAGE_LOAD_TIMEOUT);
+    }
+  }
+});
 </script>
 
 <style scoped lang="scss">