adds chromatic ignores to SiteHeader dropdown

src/components/SiteHeader/NavBar/NavDropdown/MoreDropdown.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <NavDropdown>
-  <div class="more-sections">
+  <div class="more-sections" data-chromatic="ignore">
     <div class="groupContainer">
       {#each sections as section}
         <section

src/components/SiteHeader/NavBar/NavDropdown/SectionDropdown.svelte

@@ -18,7 +18,7 @@
       Browse {section.name}
     </span>
   </a>
-  <div class="sections">
+  <div class="sections" data-chromatic="ignore">
     {#if splitCount > 0}
       <ul class="sections-group">
         {#each section.children.slice(0, splitCount) as sub}

src/components/SiteHeader/NavBar/NavDropdown/StoryCard/index.svelte

@@ -7,7 +7,7 @@
   let thumbnail = $derived(story.thumbnail);
 </script>
 
-<div class="story-card">
+<div class="story-card" data-chromatic="ignore">
   <a href={normalizeUrl(story.canonical_url)}>
     <div class="story-text" class:has-thumbnail={thumbnail}>
       <span>{story.title}</span>