ECER-5116: PR feedbacks fixed

Author: farzadnadiri

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/IcraCard.vue

@@ -12,7 +12,7 @@
 
     <div class="d-flex flex-row justify-start ga-3 flex-wrap ma-4">
       <v-card-actions>
-        <router-link to="icra/eligibility">Learn more</router-link>
+        <router-link :to="{ name: 'icra-eligibility' }">Learn more</router-link>
       </v-card-actions>
     </div>
   </v-card>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/Dashboard.vue

@@ -181,7 +181,7 @@
                   Canadian-certified ECE.
                 </p>
                 <div class="mt-auto">
-                  <router-link class="mt-4" to="icra/eligibility">Learn more</router-link>
+                  <router-link class="mt-4" :to="{name: 'icra-eligibility'}">Learn more</router-link>
                 </div>
               </Card>
             </v-col>

src/ECER.Clients.RegistryPortal/ecer.clients.registryportal.client/src/components/pages/IcraEligibility.vue

@@ -16,34 +16,31 @@
         It does not apply to ECE Assistant of ECE One Year certification.
       </p>
       <ECEHeader title="The eligibility process" />
-      <p class="mt-3">1. Submit your required documentation</p>
-      <p class="mt-1">
-        2. We will review your submission and determine if you are eligible to apply for ECE Five Year certification using professional experience you have
-        outside of Canada
-      </p>
-      <p class="mt-1">
-        3. If you are eligible, you may continue with your ECE Five Year application. If you are not eligible, we will contact you with other application
-        options
-      </p>
-
+      <ol class="ml-10 mt-3">
+        <li>Submit your required documentation</li>
+        <li>
+          We will review your submission and determine if you are eligible to apply for ECE Five Year certification using professional experience you have
+          outside of Canada
+        </li>
+        <li>
+          If you are eligible, you may continue with your ECE Five Year application. If you are not eligible, we will contact you with other application options
+        </li>
+      </ol>
       <Callout class="mt-10" type="warning" title="Do you have 500 hours of work experience supervised by a Canadian-certified ECE?">
         If yes, you do not need to confirm your eligibility. Please
         <router-link class="mt-4" to="/">apply for certification directly here.</router-link>
       </Callout>
 
       <h3 class="mt-13">When you are ready, you can begin your submission.</h3>
 
-      <v-btn class="mt-10" id="backToHome" size="large" color="primary" @click="handleBackToHome">
-        <v-icon size="small" icon="mdi-arrow-left" class="mr-2"></v-icon>
-        Back to home
-      </v-btn>
+      <v-btn class="mt-6" rounded="lg" color="primary" @click="router.push({ name: 'icra-eligibility-requirements' })">Check eligibility</v-btn>
     </div>
   </v-container>
 </template>
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import type { Components } from "@/types/openapi";
+import { useRouter } from "vue-router";
 import Breadcrumb from "@/components/Breadcrumb.vue";
 import ECEHeader from "@/components/ECEHeader.vue";
 import Callout from "../Callout.vue";
@@ -55,10 +52,9 @@ export default defineComponent({
     ECEHeader,
     Callout,
   },
-  methods: {
-    handleBackToHome() {
-      this.$router.push("/");
-    },
+  setup() {
+    const router = useRouter();
+    return { router };
   },
 });
 </script>