refactor: sort styles

Author: Quantumlyy

src/components/Navbar/Navbar.tsx

@@ -27,20 +27,20 @@ const Navbar: React.FC = () => {
 							</div>
 
 							{/* Right */}
-							<div className="right-0 flex items-center static inset-auto ml-6 pr-0">
-								<div className="w-full block ml-6 content-center">
-									<div className="flex space-x-4 justify-end">
+							<div className="static inset-auto right-0 ml-6 flex items-center pr-0">
+								<div className="ml-6 block w-full content-center">
+									<div className="flex justify-end space-x-4">
 										<Switch>
 											<Case condition={error instanceof UnsupportedChainIdError}>
 												<button
-													className="px-6 py-2 btn bg-lights-500 hover:bg-lights-500 normal-case text-sm font-medium select-none cursor-pointer rounded-md"
+													className="btn cursor-pointer select-none rounded-md bg-lights-500 px-6 py-2 text-sm font-medium normal-case hover:bg-lights-500"
 													onClick={() => dispatch(setConnectingStatus(true))}
 												>
 													Wrong Network
 												</button>
 											</Case>
 											<Case condition={active === true}>
-												<AccountName className="px-3 py-2 btn bg-lights-300 hover:bg-lights-400 normal-case text-sm font-medium select-none cursor-pointer rounded-md" />
+												<AccountName className="btn cursor-pointer select-none rounded-md bg-lights-300 px-3 py-2 text-sm font-medium normal-case hover:bg-lights-400" />
 											</Case>
 											<Default>
 												<button