move the "part of project" text in giving-details screen

src/main.ts

@@ -19,6 +19,7 @@ import {
   faBurst,
   faCalendar,
   faCamera,
+  faCheck,
   faChevronLeft,
   faChevronRight,
   faCircle,
@@ -78,6 +79,7 @@ library.add(
   faBurst,
   faCalendar,
   faCamera,
+  faCheck,
   faChevronLeft,
   faChevronRight,
   faCircle,

src/views/GiftedDetails.vue

@@ -51,10 +51,6 @@
       </div>
     </div>
 
-    <div v-if="projectId" class="flex justify-center mt-2">
-      <label class="text-sm">This is given to a project</label>
-    </div>
-
     <div class="flex justify-center mt-4">
       <span v-if="imageUrl" class="flex justify-between">
         <a :href="imageUrl" target="_blank" class="text-blue-500 ml-4">
@@ -76,6 +72,14 @@
     </div>
     <GiftedPhotoDialog ref="photoDialog" />
 
+    <div v-if="projectId" class="mt-4">
+      <fa
+        icon="check"
+        class="bg-slate-500 text-white h-5 w-5 px-0.5 py-0.5 mr-2 rounded"
+      />
+      <label class="text-sm">This is given to a project</label>
+    </div>
+
     <div v-if="!projectId" class="mt-4">
       <input type="checkbox" class="h-6 w-6 mr-2" v-model="givenToUser" />
       <label class="text-sm">Given to you</label>