change: change app navbar

- Updated navbar on app to include new links
- install react-menu package and convert CategoriesList to it

src/features/Donations/pages/DonatePage/DonationStats/DonationStats.tsx

@@ -2,7 +2,7 @@ import { BiCoinStack } from "react-icons/bi";
 import { FiGrid } from "react-icons/fi";
 import { IoMedalOutline, IoRocketOutline } from "react-icons/io5";
 import { useDonationsStatsQuery } from "src/graphql";
-import { generateList } from "src/utils/helperFunctions";
+import { generateList, numberFormatter } from "src/utils/helperFunctions";
 import StatCard from "../StatCard/StatCard";
 import StatCardSkeleton from "../StatCard/StatCard.Skeleton";
 
@@ -23,7 +23,7 @@ export default function DonationStats() {
                     <StatCard
                         color="#8B5CF6"
                         label={<><BiCoinStack className='w-full lg:w-auto scale-125 mr-8' /> <span className="align-middle">Donations</span></>}
-                        value={donationsStatQuery.data?.getDonationsStats.donations}
+                        value={<>{numberFormatter(Number(donationsStatQuery.data?.getDonationsStats.donations))} < span className="text-body4">Sats</span></>}
                     />
                     <StatCard
                         color="#F59E0B"

src/features/Donations/pages/DonatePage/StatCard/StatCard.tsx

@@ -16,7 +16,7 @@ export default function StatCard(props: Props) {
             <p className="text-body4">
                 {props.label}
             </p>
-            <p className="text-h3 sm:text-h2 mt-8 font-bolder">
+            <p className="text-h4 sm:text-h2 mt-8 font-bolder whitespace-nowrap">
                 {props.value}
             </p>
         </div>