Remove the MeganavSignedIn story to avoid separating it from Meganav

Added a new SignedInStory
- Default will be not login by assigning the sessionData empty http handler
- Added a new  Meganav SignedIn story with signed in data by adding a dummy http response account signed in

adjusting the space between the account name and search icon

src/core/Meganav/Meganav.stories.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect } from "react";
 import { http, HttpResponse } from "msw";
-
 import Meganav from "../Meganav";
 import loadIcons from "../icons.js";
 import logo from "../images/ably-logo.png";
@@ -26,7 +25,18 @@ export default {
     msw: {
       handlers: [
         http.get("/api/me", () => {
-          return HttpResponse.json({});
+          return HttpResponse.json({
+            accountName: "Account Name",
+            signedIn: true,
+            account: {
+              links: {
+                dashboard: {
+                  text: "Dashboard",
+                  href: "/accounts/1",
+                },
+              },
+            },
+          });
         }),
         http.get("/api/blog", () => {
           return HttpResponse.json([
@@ -66,7 +76,7 @@ const Page = () => {
 
     const store = getRemoteDataStore();
 
-    fetchSessionData(store, "/api/me");
+    fetchSessionData(store, "");
     fetchBlogPosts(store, "/api/blog");
   }, []);
 
@@ -84,3 +94,26 @@ const Page = () => {
 export const Default = {
   render: () => <Page />,
 };
+
+const PageSignedIn = () => {
+  useEffect(() => {
+    loadIcons();
+    const store = getRemoteDataStore();
+    fetchSessionData(store, "/api/me");
+    fetchBlogPosts(store, "/api/blog");
+  }, []);
+
+  return (
+    <Meganav
+      paths={{
+        logo,
+        ablyStack,
+        awsLogo,
+      }}
+    />
+  );
+};
+
+export const SignedIn = {
+  render: () => <PageSignedIn />,
+};

src/core/MeganavItemsSignedIn.tsx

@@ -23,7 +23,7 @@ const MeganavItemsSignedIn = ({
   return (
     <ul className="hidden md:flex items-center">
       <li className="ui-meganav-item relative">
-        <span className="ui-meganav-link h-64 hover:text-cool-black">
+        <span className="ui-meganav-link h-64 hover:text-cool-black mr-0">
           {accountName}
         </span>
       </li>