fix: removes the require loop on navigators definition (#5110)

## Short description
Moves the theme definition on a utility file removing the require loop
warning

## How to test
nothing should be chenged, just code reorg.

ts/features/design-system/navigation/navigator.tsx

@@ -55,7 +55,7 @@ import { DSTypography } from "../core/DSTypography";
 import {
   IONavigationDarkTheme,
   IONavigationLightTheme
-} from "../../../navigation/AppStackNavigator";
+} from "../../../theme/navigations";
 import { DesignSystemModalParamsList, DesignSystemParamsList } from "./params";
 import DESIGN_SYSTEM_ROUTES from "./routes";
 

ts/navigation/AppStackNavigator.tsx

@@ -1,18 +1,8 @@
 /* eslint-disable functional/immutable-data */
-import {
-  DarkTheme,
-  DefaultTheme,
-  LinkingOptions,
-  NavigationContainer
-} from "@react-navigation/native";
+import { LinkingOptions, NavigationContainer } from "@react-navigation/native";
 import * as React from "react";
 import { useRef } from "react";
 import { View } from "react-native";
-import {
-  IOColors,
-  IOThemeDark,
-  IOThemeLight
-} from "@pagopa/io-app-design-system";
 import LoadingSpinnerOverlay from "../components/LoadingSpinnerOverlay";
 import {
   bpdEnabled,
@@ -45,6 +35,7 @@ import {
   IO_UNIVERSAL_LINK_PREFIX
 } from "../utils/navigation";
 import { useStoredExperimentalDesign } from "../common/context/DSExperimentalContext";
+import { IONavigationLightTheme } from "../theme/navigations";
 import AuthenticatedStackNavigator from "./AuthenticatedStackNavigator";
 import NavigationService, { navigationRef } from "./NavigationService";
 import NotAuthenticatedStackNavigator from "./NotAuthenticatedStackNavigator";
@@ -75,26 +66,6 @@ export const AppStackNavigator = (): React.ReactElement => {
   return <AuthenticatedStackNavigator />;
 };
 
-// React Navigation Themes
-// Dark & Light mode
-export const IONavigationDarkTheme = {
-  ...DarkTheme,
-  colors: {
-    ...DarkTheme.colors,
-    background: IOColors[IOThemeDark["appBackground-primary"]],
-    card: IOColors[IOThemeDark["appBackground-primary"]]
-  }
-};
-
-export const IONavigationLightTheme = {
-  ...DefaultTheme,
-  colors: {
-    ...DefaultTheme.colors,
-    background: IOColors[IOThemeLight["appBackground-primary"]],
-    card: IOColors[IOThemeLight["appBackground-primary"]]
-  }
-};
-
 const InnerNavigationContainer = (props: { children: React.ReactElement }) => {
   const routeNameRef = useRef<string>();
   const dispatch = useIODispatch();

ts/theme/navigations.ts

@@ -0,0 +1,26 @@
+import {
+  IOColors,
+  IOThemeDark,
+  IOThemeLight
+} from "@pagopa/io-app-design-system";
+import { DarkTheme, DefaultTheme } from "@react-navigation/native";
+
+// React Navigation Themes
+// Dark & Light mode
+export const IONavigationDarkTheme = {
+  ...DarkTheme,
+  colors: {
+    ...DarkTheme.colors,
+    background: IOColors[IOThemeDark["appBackground-primary"]],
+    card: IOColors[IOThemeDark["appBackground-primary"]]
+  }
+};
+
+export const IONavigationLightTheme = {
+  ...DefaultTheme,
+  colors: {
+    ...DefaultTheme.colors,
+    background: IOColors[IOThemeLight["appBackground-primary"]],
+    card: IOColors[IOThemeLight["appBackground-primary"]]
+  }
+};