fix some weird avatar stuff again

src/app/(pages)/dashboard/user/billing/page.tsx

@@ -16,7 +16,10 @@ const UserBillingPage = (): ReactElement => (
         {/* Content */}
         <div className="flex flex-col gap-5">
             <Separator className="opacity-65" />
-            Billing
+            <p className="opacity-75 select-none pointer-events-none">
+                Billing is not yet available, this will be available to cloud
+                environments.
+            </p>
         </div>
     </main>
 );

src/components/dashboard/user/settings/tfa/tfa-setting.tsx

@@ -196,7 +196,7 @@ const TFASetting = (): ReactElement => {
 
                         {/* Notice */}
                         {!enabledTfa && (
-                            <DialogFooter className="sm:justify-center gap-1.5 text-sm opacity-75">
+                            <DialogFooter className="sm:justify-center gap-1.5 text-sm opacity-75 select-none">
                                 <b>NOTE:</b>Enabling two-factor auth will log
                                 you out of all other devices.
                             </DialogFooter>
@@ -216,7 +216,9 @@ const QRCode = ({
     <div className="px-2 py-6 flex flex-col gap-4 items-center">
         <QRCodeCanvas size={156} value={tfaResponse.qrCodeUrl} />
         <div className="flex flex-col gap-1 items-center">
-            <p className="opacity-75">Or manually copy this code...</p>
+            <p className="opacity-75 select-none">
+                Or manually copy this code...
+            </p>
             <Input className="mx-14" value={tfaResponse.secret} readOnly />
         </div>
     </div>

src/components/dashboard/user/settings/tfa/tfa-setup-form.tsx

@@ -95,7 +95,7 @@ const TfaSetupForm = ({
             ) : (
                 <>
                     {/* Notice */}
-                    <p className="max-w-64 text-sm text-center opacity-75">
+                    <p className="max-w-64 text-sm text-center opacity-75 select-none">
                         Enter the 6-digit pin provided by your authenticator app
                         below to enable two-factor authentication!
                     </p>

src/components/org/organization-logo.tsx

@@ -64,7 +64,7 @@ const OrganizationLogo = ({
             />
         ) : (
             <InitialsAvatar
-                className="-translate-y-0.5 w-[1.6rem] h-[1.6rem] flex justify-center items-center bg-muted rounded-full"
+                className="-translate-y-0.5 w-[130%] h-[130%] flex justify-center items-center bg-muted rounded-full"
                 name={organization.name}
             />
         )}

src/components/user/user-avatar.tsx

@@ -64,7 +64,7 @@ const UserAvatar = ({
             />
         ) : (
             <InitialsAvatar
-                className="w-6 h-6 flex justify-center items-center bg-muted rounded-full"
+                className="w-full h-full flex justify-center items-center bg-muted rounded-full"
                 name={user.username}
             />
         )}