svelte: Fix search result header alignment (#62140)

Currently the title for repository search results is split over multiple
lines. That's because the `RepoRev` component is rendered as a block
component.

This commit changes the root element to a `span` to emphasize that this
component should be an inline component, and uses `inline-flex` instead
of `flex`.

Author: fkling

client/web-sveltekit/src/routes/search/RepoRev.svelte

@@ -17,7 +17,7 @@
     }
 </script>
 
-<div class="root">
+<span class="root">
     <CodeHostIcon repository={repoName} />
     <!-- #key is needed here to recreate the link because use:highlightRanges changes the DOM -->
     {#key highlights}
@@ -28,11 +28,11 @@
             {/if}
         </a>
     {/key}
-</div>
+</span>
 
 <style lang="scss">
     .root {
-        display: flex;
+        display: inline-flex;
         align-items: center;
         gap: 0.375rem;