fixed z-index and buttons in avatar uploader (#4698)

packages/ui/v2/core/ImageUploader.tsx

@@ -200,7 +200,7 @@ export default function ImageUploader({
             </label>
           </div>
         </div>
-        <div className="mt-5 gap-x-2 sm:mt-4 sm:flex sm:flex-row-reverse">
+        <div className="mt-5 flex flex-row-reverse gap-x-2 sm:mt-4">
           <DialogClose asChild>
             <Button onClick={() => showCroppedImage(croppedAreaPixels)}>{t("save")}</Button>
           </DialogClose>

packages/ui/v2/core/layouts/SettingsLayout.tsx

@@ -272,7 +272,7 @@ const MobileSettingsContainer = (props: { onSideContainerOpen?: () => void }) =>
 
   return (
     <>
-      <nav className="fixed flex w-full items-center justify-between border-b border-gray-100 bg-gray-50 p-4 sm:relative lg:hidden">
+      <nav className="fixed z-20 flex w-full items-center justify-between border-b border-gray-100 bg-gray-50 p-4 sm:relative lg:hidden">
         <div className="flex items-center space-x-3 ">
           <Button
             StartIcon={Icon.FiMenu}