Added new back offcie itesm

src/components/users_admin/UsersAdmin.jsx

@@ -62,12 +62,13 @@ export default function UsersAdmin() {
                 :
                 <>
                     {/* filter section */}
-                    <div className='px-2 py-2 mb-4 flex flex-col sm:flex-row flex-wrap sm:items-center gap-2'>
+                    <div className='px-2 py-2 mb-4 flex flex-col sm:flex-row flex-wrap sm:items-center gap-2' >
                         <Icons name='filter' className='text-3xl' />
                         <div className='w-full sm:max-w-48'>
                             <select name='type' value={filter?.type} className='h-10 w-full p-2 rounded-md' onChange={handleFilter}>
                                 <option value=''>All</option>
                                 <option value='name'>Name</option>
+                                <option value='username'>Username</option>
                             </select>
                         </div>
                         <div className='w-full sm:max-w-48'>
@@ -90,7 +91,7 @@ export default function UsersAdmin() {
                                         Added
                                     </th>
                                     <th scope="col" className="px-2">
-                                        Firstnane
+                                        Firstname
                                     </th>
                                     <th scope="col" className="px-2">
                                         Lastname