fix: changed $ in organization causing confusion

frontend/src/components/Icons/MoneyIcon.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="lucide lucide-circle-dollar-sign"
+  >
+    <circle cx="12" cy="12" r="10" />
+    <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8" />
+    <path d="M12 18V6" />
+  </svg>
+</template>

frontend/src/pages/Organization.vue

@@ -103,8 +103,8 @@
                 v-if="organization.doc.annual_revenue"
                 class="flex items-center gap-1.5"
               >
-                <FeatherIcon name="dollar-sign" class="h-4 w-4" />
-                <span class="">{{ organization.doc.annual_revenue }}</span>
+                <MoneyIcon class="size-4" />
+                <span class="">{{ formatNumberIntoCurrency(organization.doc.annual_revenue) }}</span>
               </div>
               <span
                 v-if="organization.doc.annual_revenue"
@@ -231,6 +231,7 @@ import DealsListView from '@/components/ListViews/DealsListView.vue'
 import ContactsListView from '@/components/ListViews/ContactsListView.vue'
 import WebsiteIcon from '@/components/Icons/WebsiteIcon.vue'
 import TerritoryIcon from '@/components/Icons/TerritoryIcon.vue'
+import MoneyIcon from '@/components/Icons/MoneyIcon.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
 import DealsIcon from '@/components/Icons/DealsIcon.vue'