Fix profile card re-arrange animation being played when the manager is opened

Author: null-dev

src/entries/manager/components/profilelist/ProfileList.svelte

@@ -138,7 +138,6 @@ function scrollTo(node: HTMLElement, scrollTo: boolean) {
     {#each profilesDisplay as profile (profile.id)}
         <!--            <div transition:slide|local={{delay: 250}}>-->
         <!--            <div animate:flip={{duration:flipDurationMs}} transition:scale|local={{delay: 250}}>-->
-        <!-- TODO: Fix flip animation playing when manager is first opened -->
         <!-- TODO: Bring back transition using custom code: https://svelte.dev/repl/3f1e68203ef140969a8240eba3475a8d?version=3.55.1 -->
         <div animate:flip={{duration:flipDurationMs}} use:scrollTo={profile.id === $newProfileEvent}>
             <ProfileCard {profile}

src/lib/common.ts

@@ -44,12 +44,11 @@ const unsortedProfileListStore: Readable<ProfileList | null> = storageKeyStore('
 export const profileListStore: Readable<ProfileList | null> = derived(
     [unsortedProfileListStore, profileOrderStore],
     ([profileList, profileOrder]) => {
-        if(profileList == null) {
+        // Only produce result when both profile list store and profile order store are ready
+        // This prevents animations from playing when the ProfileList first starts up
+        if(profileList == null || profileOrder == null) {
             return null;
         } else {
-            if(profileOrder == null)
-                profileOrder = [];
-
             const lookup = {};
             profileOrder.forEach((id, idx) => {
                 lookup[id] = idx;