chore: update package.json to add millify dependency and remove unnecessary newline

components/auth/application-layout.tsx

@@ -37,12 +37,6 @@ export async function ApplicationLayout({
 					<div className="flex items-center gap-2 ">
 						<SidebarTrigger className="-ml-1" />
 						<Separator orientation="vertical" className="mr-2 h-4" />
-						<div className="text-xs font-mono px-2 p-1 rounded-md bg-green-500/10 text-green-900 dark:text-green-400">
-							Welcome,{" "}
-							<span className="font-semibold">
-								{session?.user?.first_name} {session?.user?.last_name}
-							</span>
-						</div>
 					</div>
 
 					<div className="flex items-center gap-2">
@@ -51,6 +45,12 @@ export async function ApplicationLayout({
 						<AccountPopover />
 					</div>
 				</header>
+				<div className="text-sm font-mono px-2 p-1  bg-green-500/10 text-green-900 dark:text-green-400">
+					Logged in as,{" "}
+					<span className="font-semibold">
+						{session?.user?.first_name} {session?.user?.last_name}
+					</span>
+				</div>
 				<div className="p-4 flex flex-col flex-1">{children}</div>
 			</SidebarInset>
 		</SidebarProvider>

components/wallet.tsx

@@ -1,5 +1,4 @@
 "use client";
-
 import { Button } from "@/components/ui/button";
 import {
 	Drawer,
@@ -15,6 +14,7 @@ import { WalletDrawerOpenAtom, walletTopUpValue } from "@/lib/atoms";
 import type { TopupType } from "@/lib/types";
 import { useAtom } from "jotai";
 import { CircleDollarSign, Loader2, Wallet2 } from "lucide-react";
+import millify from "millify";
 import { useSession } from "next-auth/react";
 import { usePathname } from "next/navigation";
 import { useState } from "react";
@@ -46,10 +46,10 @@ export function Wallet({
 		<Drawer open={isOpen} onOpenChange={setIsOpen}>
 			<DrawerTrigger asChild>
 				<Button onClick={() => setIsOpen(!isOpen)} variant="outline">
-					{new Intl.NumberFormat("en-US", {
-						minimumFractionDigits: 2,
-						maximumFractionDigits: 2,
-					}).format(walletBalance)}{" "}
+					{millify(walletBalance, {
+						precision: 2,
+						lowercase: true,
+					})}{" "}
 					MVR
 					<Wallet2 />
 				</Button>

package.json

@@ -8,7 +8,6 @@
 		"start": "next start",
 		"lint": "next lint"
 	},
-
 	"dependencies": {
 		"@faker-js/faker": "^9.3.0",
 		"@hookform/resolvers": "^3.9.1",
@@ -32,6 +31,7 @@
 		"date-fns": "^4.1.0",
 		"jotai": "2.8.0",
 		"lucide-react": "^0.460.0",
+		"millify": "^6.1.0",
 		"moment": "^2.30.1",
 		"motion": "^11.15.0",
 		"next": "15.3.0",