avatar drag drop (#26792)

* keep force small on relogin

* stop image drag and bail if its not a valid drop earlier

Author: chrisnojima

shared/common-adapters/zoomable-image.desktop.tsx

@@ -143,6 +143,7 @@ const ZoomableImage = React.memo(function ZoomableImage(p: Props) {
   return (
     <div ref={divRef} style={style} onMouseMove={handleMouseMove} onWheel={handleWheel} onClick={handleClick}>
       <img
+        draggable={false}
         onLoad={onLoaded}
         onError={onError}
         className="fade-anim-enter fade-anim-enter-active"

shared/constants/config.tsx

@@ -930,6 +930,7 @@ export const _useConfigState = Z.createZustand<State>((set, get) => {
         configuredAccounts: s.configuredAccounts,
         defaultUsername: s.defaultUsername,
         dispatch: s.dispatch,
+        forceSmallNav: s.forceSmallNav,
         mobileAppState: s.mobileAppState,
         startup: {loaded: s.startup.loaded},
         useNativeFrame: s.useNativeFrame,

shared/profile/edit-avatar/index.desktop.tsx

@@ -77,12 +77,12 @@ const EditAvatar = (p: Props) => {
   }
   const onDrop = (e: React.DragEvent) => {
     const f = async () => {
-      setDropping(false)
-      setSerror(false)
-      setLoading('loading')
       if (!validDrag(e)) {
         return
       }
+      setDropping(false)
+      setSerror(false)
+      setLoading('loading')
       const img = await getFile(e.dataTransfer.files)
       if (img) {
         setImageSource(img)