set username and name on tittle and dropdown profile button

src/layouts/demo2/header/HeaderTopbar.tsx

@@ -32,7 +32,7 @@ const HeaderTopbar = () => {
         <span
           className={`font-semibold text-lg leading-tight ${isSticky ? 'text-black' : 'text-white'}`}
         >
-          {getAuth()?.user.username}
+          {getAuth()?.user.name}
         </span>
         <span className={`text-xs ${isSticky ? 'text-gray-700' : 'text-white'}`}>
           as {getAuth()?.role_name}

src/partials/dropdowns/user/DropdownUser.tsx

@@ -45,7 +45,7 @@ const DropdownUser = ({ menuItemRef }: IDropdownUserProps) => {
             alt=""
           /> */}
           <div className="flex flex-col">
-            <p className="text-[14px] text-gray-800 font-semibold">{auth?.user.name}</p>
+            <p className="text-[14px] text-gray-800 font-semibold">{auth?.user.username}</p>
             <p className="text-xs text-gray-600 hover:text-primary font-medium leading-none">
               {auth?.user.email}
             </p>