Fix: put label defs provider above moderation opts provider (#3806)

src/App.native.tsx

@@ -80,8 +80,9 @@ function InnerApp() {
             <QueryProvider currentDid={currentAccount?.did}>
               <PushNotificationsListener>
                 <StatsigProvider>
-                  <ModerationOptsProvider>
+                  {/* LabelDefsProvider MUST come before ModerationOptsProvider */}
                   <LabelDefsProvider>
+                    <ModerationOptsProvider>
                       <LoggedOutViewProvider>
                         <SelectedFeedProvider>
                           <UnreadNotifsProvider>
@@ -97,8 +98,8 @@ function InnerApp() {
                           </UnreadNotifsProvider>
                         </SelectedFeedProvider>
                       </LoggedOutViewProvider>
-                    </LabelDefsProvider>
                     </ModerationOptsProvider>
+                  </LabelDefsProvider>
                 </StatsigProvider>
               </PushNotificationsListener>
             </QueryProvider>

src/App.web.tsx

@@ -57,8 +57,9 @@ function InnerApp() {
         key={currentAccount?.did}>
         <QueryProvider currentDid={currentAccount?.did}>
           <StatsigProvider>
-            <ModerationOptsProvider>
+            {/* LabelDefsProvider MUST come before ModerationOptsProvider */}
             <LabelDefsProvider>
+              <ModerationOptsProvider>
                 <LoggedOutViewProvider>
                   <SelectedFeedProvider>
                     <UnreadNotifsProvider>
@@ -74,8 +75,8 @@ function InnerApp() {
                     </UnreadNotifsProvider>
                   </SelectedFeedProvider>
                 </LoggedOutViewProvider>
-              </LabelDefsProvider>
               </ModerationOptsProvider>
+            </LabelDefsProvider>
           </StatsigProvider>
         </QueryProvider>
       </React.Fragment>