update sorting and field readOnly on Manage Wallet

src/pages/master/wallet/blocks/EditDialog.tsx

@@ -260,14 +260,19 @@ const EditDialog = () => {
                 <div className="w-full">
                   <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                     <label className="form-label flex items-center gap-1 max-w-56">Groups</label>
-                    <Input type="text" placeholder="Empty" value={selectedGroupNames} readOnly />
+                    <div className="relative w-full">
+                      <Input
+                        type="text"
+                        placeholder="Empty"
+                        value={selectedGroupNames}
+                        readOnly
+                        className="bg-gray-100 border border-dashed border-gray-400 text-gray-600 cursor-not-allowed"
+                      />
+                    </div>
                   </div>
                 </div>
 
                 <div className="flex justify-end gap-5">
-                  <Button type="button" variant="outline" onClick={resetForm}>
-                    Reset
-                  </Button>
                   <Button variant="default" type="submit">
                     Update
                   </Button>

src/pages/master/wallet/hooks/ManageWalletContext.tsx

@@ -183,7 +183,7 @@ const ManageWalletContextProvider = ({ children }: { children: React.ReactNode }
         pagination={{ size: 25 }}
         toolbar={<ListToolbar />}
         layout={{ card: true }}
-        sorting={[{ id: 'name', desc: false }]}
+        sorting={[{ id: 'created_at', desc: true }]}
         serverSide={true}
         onFetchData={({ pageIndex, pageSize, sorting, columnFilters }) =>
           getWalletLists(pageIndex, pageSize, sorting, columnFilters)