feat: use layout in homepage, set default loginstate to true

Author: karrui

.storybook/preview.tsx

@@ -133,7 +133,7 @@ export const MockFeatureFlagsDecorator: Decorator<Args> = (
 
 const LoginStateDecorator: Decorator<Args> = (story, { parameters }) => {
   const [hasLoginStateFlag, setLoginStateFlag] = useState(
-    Boolean(parameters.loginState),
+    Boolean(parameters.loginState ?? true),
   )
 
   const setHasLoginStateFlag = useCallback(() => {

src/stories/Page/HomePage.stories.tsx

@@ -8,6 +8,7 @@ const meta: Meta<typeof HomePage> = {
   title: 'Pages/Home Page',
   component: HomePage,
   parameters: {
+    getLayout: HomePage.getLayout,
     mockdate: new Date('2023-06-28T07:23:18.349Z'),
     msw: {
       handlers: [meHandlers.me()],

src/stories/Page/SgidSelectProfilePage.stories.tsx

@@ -10,6 +10,7 @@ const meta: Meta<typeof SelectProfilePage> = {
   component: SelectProfilePage,
   decorators: [],
   parameters: {
+    loginState: false,
     chromatic: withChromaticModes(['mobile', 'desktop']),
     msw: {
       handlers: [authSgidHandlers.listStoredProfiles.returnSingleProfile()],

src/stories/Page/SignInPage.stories.tsx

@@ -13,6 +13,7 @@ const meta: Meta<typeof SignInPage> = {
   title: 'Pages/Sign In Page',
   component: SignInPage,
   parameters: {
+    loginState: false,
     msw: {
       handlers: [
         meHandlers.unauthorized(),