fail better when we can't find teal profile + onboarding fixes

apps/amethyst/app/(tabs)/index.tsx

···
     return <AuthOptions />;
   }
 
-  // TODO: replace with skeleton
-  if (!profile || !agent) {
+  if (hasTealProfile !== null && !hasTealProfile) {
     return (
       <View className="flex-1 justify-center items-center gap-5 p-6 bg-background">
-        <ActivityIndicator size="large" />
+        <Redirect href="/onboarding" />
       </View>
     );
   }
 
-  if (hasTealProfile !== null && !hasTealProfile) {
+  // TODO: replace with skeleton
+  if (!profile || !agent) {
     return (
       <View className="flex-1 justify-center items-center gap-5 p-6 bg-background">
-        <Redirect href="/onboarding" />
+        <ActivityIndicator size="large" />
       </View>
     );
   }

apps/amethyst/app/onboarding/index.tsx

···
   const [avatarUri, setAvatarUri] = useState('');
   const [bannerUri, setBannerUri] = useState('');
 
-  const [submissionStep, setSubmissionStep] = useState(1);
+  const [submissionStep, setSubmissionStep] = useState(0);
   const [submissionError, setSubmissionError] = useState('');
 
   const router = useRouter();
···
     }, 2000);
   };
 
-  if (!agent) {
+  if (!agent || !profile[agent?.did!]) {
     return <div>Loading...</div>;
   }
 
   // if we already have stuff then go back
   //
-  if (profile[agent?.did!].teal) {
+
+  console.log(profile);
+  if (profile[agent?.did!].teal !== null) {
     return (
       <Text>
         Profile already exists: {JSON.stringify(profile[agent?.did!].teal)}

apps/amethyst/stores/authenticationSlice.tsx

···
             return profile.data || null;
           });
         // get teal did
-        let tealDid = get().tealDid;
-        let tealProfile = await agent
-          .call(
-            'fm.teal.alpha.actor.getProfile',
-            { actor: agent?.did },
-            {},
-            { headers: { 'atproto-proxy': tealDid + '#teal_fm_appview' } },
-          )
-          .then((profile) => {
-            console.log(profile);
-            return profile.data.agent || null;
-          });
+        try {
+          let tealDid = get().tealDid;
+          let tealProfile = await agent
+            .call(
+              'fm.teal.alpha.actor.getProfile',
+              { actor: agent?.did },
+              {},
+              { headers: { 'atproto-proxy': tealDid + '#teal_fm_appview' } },
+            )
+            .then((profile) => {
+              console.log(profile);
+              return profile.data.agent || null;
+            });
 
-        set({
-          profiles: {
-            [agent.did]: { bsky: bskyProfile, teal: tealProfile },
-          },
-        });
+          set({
+            profiles: {
+              [agent.did]: { bsky: bskyProfile, teal: tealProfile },
+            },
+          });
+        } catch (error) {
+          console.error('Failed to get teal profile:', error);
+          // insert bsky profile
+          set({
+            profiles: {
+              [agent.did]: { bsky: bskyProfile, teal: null },
+            },
+          });
+        }
       } catch (error) {
         console.error('Failed to get profile:', error);
       }