fix: password console error when using not using edge (#467)

Author: axis-d0op

components/password-input/src/password-input.styles.ts

@@ -3,10 +3,15 @@ import { makeStyles } from "@fluentui/react-components";
 // Hack to remove the Edge browsers built in
 // password reveal functionality.
 // https://github.com/microsoft/fluentui/issues/23482
+const isEdgeLegacy =
+  typeof window !== "undefined" && /Edge\/\d./i.test(navigator.userAgent);
+
 export const usePasswordInputStyles = makeStyles({
-  edgeHack: {
-    "&::-ms-reveal": {
-      display: "none",
-    },
-  },
+  edgeHack: isEdgeLegacy
+    ? {
+        "&::-ms-reveal": {
+          display: "none",
+        },
+      }
+    : {},
 });

examples/src/components/story/story-page.tsx

@@ -121,7 +121,7 @@ export function StoryPage({
   navigation,
   children,
   customHeader,
-  status = [],
+  status = [EStoryStatus.STABLE],
   ...rest
 }: PropsWithChildren<TStoryPage>) {
   const { styles, rootStyle } = useStoryPageStyles();

examples/src/stories/main-menu/main-menu-page.tsx

@@ -1,7 +1,6 @@
 import { pageData } from "examples/src/components/story/story.utils";
 import React from "react";
 import { StoryPage } from "../../components/story/story-page";
-import { EStoryStatus } from "../../components/story/story-status";
 import { useExampleWithNavigation } from "../../components/story/story.utils";
 import { getGhInfoByKey } from "../../routing/route-map";
 import { routes } from "../../routing/routes";
@@ -34,7 +33,6 @@ export const MainMenuPage = () => {
 
   return (
     <StoryPage
-      status={[EStoryStatus.NEW]}
       title="Main menu"
       description={
         "Variant of a main menu using fluent TabList and axis styling"