add fallback to show

src/components/navbar.tsx

···
   const [handle, setHandle] = createSignal(props.params.repo);
   const [showHandle, setShowHandle] = createSignal(localStorage.showHandle === "true");
 
-  createEffect(async () => {
+  createEffect(() => {
     if (pds() !== undefined && props.params.repo) {
       const hdl =
         didDocCache[props.params.repo]?.alsoKnownAs
···
             <span class="iconify lucide--hard-drive shrink-0 text-base"></span>
           </Tooltip>
           <Show when={pds()}>
-            <Show when={props.params.repo}>
+            <Show when={props.params.repo} fallback={<span>{pds()}</span>}>
               <A
                 end
                 href={pds()!}
···
               >
                 {pds()}
               </A>
-            </Show>
-            <Show when={!props.params.repo}>
-              <span>{pds()}</span>
             </Show>
           </Show>
         </div>
···
             <Tooltip text="Collection">
               <span class="iconify lucide--folder-open text-base"></span>
             </Tooltip>
-            <Show when={props.params.rkey}>
+            <Show when={props.params.rkey} fallback={<span>{props.params.collection}</span>}>
               <A
                 end
                 href={`/at://${props.params.repo}/${props.params.collection}`}
···
               >
                 {props.params.collection}
               </A>
-            </Show>
-            <Show when={!props.params.rkey}>
-              <span>{props.params.collection}</span>
             </Show>
           </div>
         </Show>