refactor: replaced back button icon with an arrow

src/views/PreviewChallengeView.vue

@@ -4,7 +4,7 @@ import {
   PopoverTrigger,
   PopoverContent
 } from "@/components/ui/popover/index.js";
-import { Trash2, SquareX } from 'lucide-vue-next';
+import { Trash2, ArrowLeft } from 'lucide-vue-next';
 import { Button } from "@/components/ui/button/index.js";
 import SuggestedSavingChallenge from "@/components/SuggestedSavingChallenge.vue";
 import { computed, onBeforeMount, ref } from 'vue';
@@ -94,9 +94,15 @@ const isTransferAllowed = computed(() => {
 <template>
   <div class="p-4">
     <div class="flex flex-wrap justify-between items-center m-4">
+      <div class="flex space-x-3">
+      <RouterLink to="/saving-path">
+        <Button>
+          <ArrowLeft />
+        </Button>
+      </RouterLink>
       <Popover>
         <PopoverTrigger>
-          <Button>Få {{ category }}-sparetips</Button>
+          <Button>Få sparetips!</Button>
         </PopoverTrigger>
         <PopoverContent>
           <p>
@@ -104,18 +110,15 @@ const isTransferAllowed = computed(() => {
           </p>
         </PopoverContent>
       </Popover>
+      </div>
       <div class="flex space-x-4">
         <RouterLink to="/saving-path">
           <Button>
             <Trash2 />
           </Button>
         </RouterLink>
-        <RouterLink to="/saving-path">
-          <Button>
-            <SquareX />
-          </Button>
-        </RouterLink>
       </div>
+
     </div>
     <SuggestedSavingChallenge :isClickable="false" />
     <div class="flex flex-col items-center space-y-4 p-4">