diff --git a/front/apps/mobile/app/(public)/_layout.tsx b/front/apps/mobile/app/(public)/_layout.tsx
index 94c8cd71..90dfb3de 100644
--- a/front/apps/mobile/app/(public)/_layout.tsx
+++ b/front/apps/mobile/app/(public)/_layout.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Account, ConnectionErrorContext, useAccount } from "@kyoo/models";
+import { type Account, ConnectionErrorContext, useAccount } from "@kyoo/models";
 import { NavbarProfile, NavbarTitle } from "@kyoo/ui";
 import { Redirect, Stack } from "expo-router";
 import { useContext, useRef } from "react";
diff --git a/front/apps/mobile/app/_layout.tsx b/front/apps/mobile/app/_layout.tsx
index 304d291e..9d4ef393 100644
--- a/front/apps/mobile/app/_layout.tsx
+++ b/front/apps/mobile/app/_layout.tsx
@@ -36,7 +36,7 @@ import {
 	Poppins_400Regular,
 	Poppins_900Black,
 } from "@expo-google-fonts/poppins";
-import { ReactNode, useEffect, useState } from "react";
+import { type ReactNode, useEffect, useState } from "react";
 import { useColorScheme } from "react-native";
 import { initReactI18next } from "react-i18next";
 import { ThemeProvider as RNThemeProvider } from "@react-navigation/native";
diff --git a/front/apps/mobile/app/utils.tsx b/front/apps/mobile/app/utils.tsx
index d63e4332..ab63c163 100644
--- a/front/apps/mobile/app/utils.tsx
+++ b/front/apps/mobile/app/utils.tsx
@@ -19,12 +19,12 @@
  */
 
 import { Stack, useLocalSearchParams } from "expo-router";
-import { ComponentType, useEffect } from "react";
-import { StatusBar, StatusBarProps } from "react-native";
+import { type ComponentType, useEffect } from "react";
+import { StatusBar, type StatusBarProps } from "react-native";
 import * as ScreenOrientation from "expo-screen-orientation";
 import * as NavigationBar from "expo-navigation-bar";
 import arrayShuffle from "array-shuffle";
-import { QueryPage, useHasPermission } from "@kyoo/models";
+import { type QueryPage, useHasPermission } from "@kyoo/models";
 import { Unauthorized } from "@kyoo/ui";
 
 const FullscreenProvider = () => {
diff --git a/front/apps/web/src/i18n-d.ts b/front/apps/web/src/i18n-d.ts
index eeee0be0..46c3f118 100644
--- a/front/apps/web/src/i18n-d.ts
+++ b/front/apps/web/src/i18n-d.ts
@@ -19,7 +19,7 @@
  */
 
 import "i18next";
-import en from "../../../translations/en.json";
+import type en from "../../../translations/en.json";
 
 declare module "i18next" {
 	interface CustomTypeOptions {
diff --git a/front/apps/web/src/i18n.tsx b/front/apps/web/src/i18n.tsx
index b1852fec..6e45277b 100644
--- a/front/apps/web/src/i18n.tsx
+++ b/front/apps/web/src/i18n.tsx
@@ -18,10 +18,10 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ComponentType, useMemo } from "react";
-import i18next, { InitOptions } from "i18next";
+import { type ComponentType, useMemo } from "react";
+import i18next, { type InitOptions } from "i18next";
 import { I18nextProvider } from "react-i18next";
-import { AppContext, AppInitialProps, type AppProps } from "next/app";
+import type { AppContext, AppInitialProps, AppProps } from "next/app";
 
 import en from "../../../translations/en.json";
 import fr from "../../../translations/fr.json";
diff --git a/front/apps/web/src/pages/_app.tsx b/front/apps/web/src/pages/_app.tsx
index 50a8b378..0f9bf070 100755
--- a/front/apps/web/src/pages/_app.tsx
+++ b/front/apps/web/src/pages/_app.tsx
@@ -37,15 +37,15 @@ import {
 	createQueryClient,
 	fetchQuery,
 	getTokenWJ,
-	QueryIdentifier,
-	QueryPage,
+	type QueryIdentifier,
+	type QueryPage,
 	ServerInfoP,
 	setSsrApiUrl,
 	UserP,
 	useUserTheme,
 } from "@kyoo/models";
-import { ComponentType, useContext, useState } from "react";
-import NextApp, { AppContext, type AppProps } from "next/app";
+import { type ComponentType, useContext, useState } from "react";
+import NextApp, { type AppContext, type AppProps } from "next/app";
 import { Poppins } from "next/font/google";
 import { useTheme, useMobileHover, useStyleRegistry, StyleRegistryProvider } from "yoshiki/web";
 import superjson from "superjson";
diff --git a/front/apps/web/src/pages/_document.tsx b/front/apps/web/src/pages/_document.tsx
index 68ef3fc9..229f768d 100644
--- a/front/apps/web/src/pages/_document.tsx
+++ b/front/apps/web/src/pages/_document.tsx
@@ -19,7 +19,7 @@
  */
 
 import { AppRegistry } from "react-native";
-import { Html, Main, Head, NextScript, DocumentContext } from "next/document";
+import { Html, Main, Head, NextScript, type DocumentContext } from "next/document";
 import { createStyleRegistry, StyleRegistryProvider } from "yoshiki/web";
 
 export const style = `
diff --git a/front/apps/web/src/router.tsx b/front/apps/web/src/router.tsx
index 63642990..dee9eb60 100644
--- a/front/apps/web/src/router.tsx
+++ b/front/apps/web/src/router.tsx
@@ -18,10 +18,10 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { QueryPage, useHasPermission } from "@kyoo/models";
+import { type QueryPage, useHasPermission } from "@kyoo/models";
 import { Unauthorized } from "@kyoo/ui";
 import { useRouter } from "next/router";
-import { ComponentType } from "react";
+import type { ComponentType } from "react";
 
 export const withRoute = <Props,>(
 	Component: ComponentType<Props>,
diff --git a/front/biome.json b/front/biome.json
index c97da24d..5dda7011 100644
--- a/front/biome.json
+++ b/front/biome.json
@@ -8,7 +8,7 @@
 		"lineEnding": "lf",
 		"lineWidth": 100,
 		"attributePosition": "auto",
-		"ignore": ["**/.yarn/**", "**/.next/**", "**/.expo/**"]
+		"ignore": ["**/.yarn/**", "**/.next/**", "**/.expo/**", "**/next-env.d.ts"]
 	},
 	"organizeImports": {
 		"enabled": true
@@ -19,7 +19,6 @@
 			"recommended": true,
 			"style": {
 				"noNonNullAssertion": "off",
-				"useImportType": "off",
 				"noParameterAssign": "off",
 				"useEnumInitializers": "off"
 			},
@@ -34,7 +33,7 @@
 				"noBannedTypes": "off"
 			}
 		},
-		"ignore": ["**/.yarn/**", "**/.next/**", "**/.expo/**"]
+		"ignore": ["**/.yarn/**", "**/.next/**", "**/.expo/**", "**/next-env.d.ts"]
 	},
 	"javascript": {
 		"formatter": {
diff --git a/front/packages/models/src/account-internal.ts b/front/packages/models/src/account-internal.ts
index 05778380..73b3a43b 100644
--- a/front/packages/models/src/account-internal.ts
+++ b/front/packages/models/src/account-internal.ts
@@ -18,8 +18,8 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ZodTypeAny, z } from "zod";
-import { Account, AccountP } from "./accounts";
+import { type ZodTypeAny, z } from "zod";
+import { type Account, AccountP } from "./accounts";
 import { MMKV } from "react-native-mmkv";
 import { Platform } from "react-native";
 
diff --git a/front/packages/models/src/accounts.tsx b/front/packages/models/src/accounts.tsx
index 8c72bacc..eba66190 100644
--- a/front/packages/models/src/accounts.tsx
+++ b/front/packages/models/src/accounts.tsx
@@ -18,8 +18,16 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ReactNode, createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { ServerInfoP, User, UserP } from "./resources";
+import {
+	type ReactNode,
+	createContext,
+	useContext,
+	useEffect,
+	useMemo,
+	useRef,
+	useState,
+} from "react";
+import { ServerInfoP, type User, UserP } from "./resources";
 import { z } from "zod";
 import { zdate } from "./utils";
 import { removeAccounts, setCookie, updateAccount } from "./account-internal";
@@ -28,7 +36,7 @@ import { Platform } from "react-native";
 import { useQueryClient } from "@tanstack/react-query";
 import { atom, getDefaultStore, useAtomValue, useSetAtom } from "jotai";
 import { useFetch } from "./query";
-import { KyooErrors } from "./kyoo-errors";
+import type { KyooErrors } from "./kyoo-errors";
 
 export const TokenP = z.object({
 	token_type: z.literal("Bearer"),
diff --git a/front/packages/models/src/login.ts b/front/packages/models/src/login.ts
index 5feb5f82..cecc0a2d 100644
--- a/front/packages/models/src/login.ts
+++ b/front/packages/models/src/login.ts
@@ -19,8 +19,8 @@
  */
 
 import { queryFn } from "./query";
-import { KyooErrors } from "./kyoo-errors";
-import { Account, Token, TokenP, getCurrentApiUrl } from "./accounts";
+import type { KyooErrors } from "./kyoo-errors";
+import { type Account, type Token, TokenP, getCurrentApiUrl } from "./accounts";
 import { UserP } from "./resources";
 import { addAccount, getCurrentAccount, removeAccounts, updateAccount } from "./account-internal";
 import { Platform } from "react-native";
diff --git a/front/packages/models/src/query.tsx b/front/packages/models/src/query.tsx
index 625abf75..935fdee4 100644
--- a/front/packages/models/src/query.tsx
+++ b/front/packages/models/src/query.tsx
@@ -18,16 +18,16 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ComponentType, ReactElement } from "react";
+import type { ComponentType, ReactElement } from "react";
 import {
 	QueryClient,
-	QueryFunctionContext,
+	type QueryFunctionContext,
 	useInfiniteQuery,
 	useQuery,
 } from "@tanstack/react-query";
-import { z } from "zod";
-import { KyooErrors } from "./kyoo-errors";
-import { Page, Paged } from "./page";
+import type { z } from "zod";
+import type { KyooErrors } from "./kyoo-errors";
+import { type Page, Paged } from "./page";
 import { getToken, getTokenWJ } from "./login";
 import { getCurrentApiUrl } from ".";
 
diff --git a/front/packages/models/src/utils.ts b/front/packages/models/src/utils.ts
index b2b13b6c..5d773204 100644
--- a/front/packages/models/src/utils.ts
+++ b/front/packages/models/src/utils.ts
@@ -19,7 +19,7 @@
  */
 
 import { Platform } from "react-native";
-import { Movie, Show } from "./resources";
+import type { Movie, Show } from "./resources";
 import { z } from "zod";
 import { useMMKVString } from "react-native-mmkv";
 import { storage } from "./account-internal";
diff --git a/front/packages/primitives/src/alert.tsx b/front/packages/primitives/src/alert.tsx
index d87f147e..3a78791d 100644
--- a/front/packages/primitives/src/alert.tsx
+++ b/front/packages/primitives/src/alert.tsx
@@ -21,7 +21,7 @@
 // Stolen from https://github.com/necolas/react-native-web/issues/1026#issuecomment-1458279681
 
 import { Alert as RNAlert, type AlertOptions, type AlertButton } from "react-native";
-import { type SweetAlertIcon } from "sweetalert2";
+import type { SweetAlertIcon } from "sweetalert2";
 
 export interface ExtendedAlertStatic {
 	alert: (
diff --git a/front/packages/primitives/src/alert.web.tsx b/front/packages/primitives/src/alert.web.tsx
index 3ac7efb8..84c32ca0 100644
--- a/front/packages/primitives/src/alert.web.tsx
+++ b/front/packages/primitives/src/alert.web.tsx
@@ -20,7 +20,7 @@
 
 // Stolen from https://github.com/necolas/react-native-web/issues/1026#issuecomment-1458279681
 
-import { type AlertButton, type AlertOptions } from "react-native";
+import type { AlertButton, AlertOptions } from "react-native";
 import Swal, { type SweetAlertIcon } from "sweetalert2";
 
 // biome-ignore lint/complexity/noStaticOnlyClass: Compatibility with rn
diff --git a/front/packages/primitives/src/avatar.tsx b/front/packages/primitives/src/avatar.tsx
index e2b59dce..a727f432 100644
--- a/front/packages/primitives/src/avatar.tsx
+++ b/front/packages/primitives/src/avatar.tsx
@@ -18,12 +18,12 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { View, ViewStyle, Image, ImageProps } from "react-native";
-import { useYoshiki, px, Stylable } from "yoshiki/native";
+import { View, type ViewStyle, Image, type ImageProps } from "react-native";
+import { useYoshiki, px, type Stylable } from "yoshiki/native";
 import { Icon } from "./icons";
 import { P } from "./text";
 import AccountCircle from "@material-symbols/svg-400/rounded/account_circle-fill.svg";
-import { ComponentType, forwardRef, RefAttributes } from "react";
+import { type ComponentType, forwardRef, type RefAttributes } from "react";
 
 const stringToColor = (string: string) => {
 	let hash = 0;
diff --git a/front/packages/primitives/src/button.tsx b/front/packages/primitives/src/button.tsx
index 5f902793..e5d958b5 100644
--- a/front/packages/primitives/src/button.tsx
+++ b/front/packages/primitives/src/button.tsx
@@ -18,12 +18,12 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ComponentType, ForwardedRef, ReactElement, forwardRef } from "react";
-import { Theme, useYoshiki } from "yoshiki/native";
+import { type ComponentType, type ForwardedRef, type ReactElement, forwardRef } from "react";
+import { type Theme, useYoshiki } from "yoshiki/native";
 import { PressableFeedback } from "./links";
 import { P } from "./text";
 import { ts } from "./utils";
-import { Falsy, PressableProps, View } from "react-native";
+import { type Falsy, type PressableProps, View } from "react-native";
 
 export const Button = forwardRef(function Button<AsProps = PressableProps>(
 	{
diff --git a/front/packages/primitives/src/chip.tsx b/front/packages/primitives/src/chip.tsx
index 04e53d56..87ce959f 100644
--- a/front/packages/primitives/src/chip.tsx
+++ b/front/packages/primitives/src/chip.tsx
@@ -18,11 +18,11 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { px, rem, Theme, useYoshiki } from "yoshiki/native";
+import { px, rem, type Theme, useYoshiki } from "yoshiki/native";
 import { Link } from "./links";
 import { P } from "./text";
 import { capitalize, ts } from "./utils";
-import { TextProps } from "react-native";
+import type { TextProps } from "react-native";
 import { Skeleton } from "./skeleton";
 
 export const Chip = ({
diff --git a/front/packages/primitives/src/container.tsx b/front/packages/primitives/src/container.tsx
index 1c273b71..f7602a2f 100644
--- a/front/packages/primitives/src/container.tsx
+++ b/front/packages/primitives/src/container.tsx
@@ -18,8 +18,8 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ComponentType } from "react";
-import { View, ViewProps } from "react-native";
+import type { ComponentType } from "react";
+import { View, type ViewProps } from "react-native";
 import { percent, px, useYoshiki } from "yoshiki/native";
 
 export const Container = <AsProps = ViewProps>({
diff --git a/front/packages/primitives/src/divider.tsx b/front/packages/primitives/src/divider.tsx
index 8b37cdac..a7da1e66 100644
--- a/front/packages/primitives/src/divider.tsx
+++ b/front/packages/primitives/src/divider.tsx
@@ -19,7 +19,7 @@
  */
 
 import { HR as EHR } from "@expo/html-elements";
-import { px, Stylable, useYoshiki } from "yoshiki/native";
+import { px, type Stylable, useYoshiki } from "yoshiki/native";
 import { ts } from "./utils";
 
 export const HR = ({
diff --git a/front/packages/primitives/src/icons.tsx b/front/packages/primitives/src/icons.tsx
index 0caa5a86..6fc2d1ac 100644
--- a/front/packages/primitives/src/icons.tsx
+++ b/front/packages/primitives/src/icons.tsx
@@ -18,13 +18,14 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import React, { ComponentProps, ComponentType, ForwardedRef, forwardRef } from "react";
-import { Platform, PressableProps } from "react-native";
-import { SvgProps } from "react-native-svg";
-import { YoshikiStyle } from "yoshiki";
-import { px, Stylable, Theme, useYoshiki } from "yoshiki/native";
+import type React from "react";
+import { type ComponentProps, type ComponentType, type ForwardedRef, forwardRef } from "react";
+import { Platform, type PressableProps } from "react-native";
+import type { SvgProps } from "react-native-svg";
+import type { YoshikiStyle } from "yoshiki";
+import { px, type Stylable, type Theme, useYoshiki } from "yoshiki/native";
 import { PressableFeedback } from "./links";
-import { Breakpoint, focusReset, ts } from "./utils";
+import { type Breakpoint, focusReset, ts } from "./utils";
 import { P } from "./text";
 
 declare module "react" {
diff --git a/front/packages/primitives/src/image/base-image.tsx b/front/packages/primitives/src/image/base-image.tsx
index fd6be9dc..33f4b251 100644
--- a/front/packages/primitives/src/image/base-image.tsx
+++ b/front/packages/primitives/src/image/base-image.tsx
@@ -18,10 +18,10 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { KyooImage } from "@kyoo/models";
-import { ReactElement } from "react";
-import { ImageStyle } from "react-native";
-import { YoshikiStyle } from "yoshiki/src/type";
+import type { KyooImage } from "@kyoo/models";
+import type { ReactElement } from "react";
+import type { ImageStyle } from "react-native";
+import type { YoshikiStyle } from "yoshiki/src/type";
 
 export type YoshikiEnhanced<Style> = Style extends any
 	? {
diff --git a/front/packages/primitives/src/image/blurhash.tsx b/front/packages/primitives/src/image/blurhash.tsx
index 7c8b2f60..8d2835bc 100644
--- a/front/packages/primitives/src/image/blurhash.tsx
+++ b/front/packages/primitives/src/image/blurhash.tsx
@@ -18,10 +18,10 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ReactElement } from "react";
+import type { ReactElement } from "react";
 import { View } from "react-native";
 import { Blurhash } from "react-native-blurhash";
-import { Stylable, useYoshiki } from "yoshiki/native";
+import { type Stylable, useYoshiki } from "yoshiki/native";
 
 export const BlurhashContainer = ({
 	blurhash,
diff --git a/front/packages/primitives/src/image/blurhash.web.tsx b/front/packages/primitives/src/image/blurhash.web.tsx
index d96a6247..dc8bc80e 100644
--- a/front/packages/primitives/src/image/blurhash.web.tsx
+++ b/front/packages/primitives/src/image/blurhash.web.tsx
@@ -20,8 +20,8 @@
 
 import { decode } from "blurhash";
 import {
-	HTMLAttributes,
-	ReactElement,
+	type HTMLAttributes,
+	type ReactElement,
 	forwardRef,
 	useImperativeHandle,
 	useLayoutEffect,
diff --git a/front/packages/primitives/src/image/image.tsx b/front/packages/primitives/src/image/image.tsx
index 5c5ffe40..30de7a92 100644
--- a/front/packages/primitives/src/image/image.tsx
+++ b/front/packages/primitives/src/image/image.tsx
@@ -19,11 +19,11 @@
  */
 
 import { useState } from "react";
-import { FlexStyle, ImageStyle, View, ViewStyle } from "react-native";
+import { type FlexStyle, type ImageStyle, View, type ViewStyle } from "react-native";
 import FastImage from "react-native-fast-image";
 import { Blurhash } from "react-native-blurhash";
 import { percent, useYoshiki } from "yoshiki/native";
-import { Props, ImageLayout } from "./base-image";
+import type { Props, ImageLayout } from "./base-image";
 import { Skeleton } from "../skeleton";
 import { getCurrentToken } from "@kyoo/models";
 
diff --git a/front/packages/primitives/src/image/image.web.tsx b/front/packages/primitives/src/image/image.web.tsx
index 09afbb60..1c94132c 100644
--- a/front/packages/primitives/src/image/image.web.tsx
+++ b/front/packages/primitives/src/image/image.web.tsx
@@ -19,9 +19,9 @@
  */
 
 import { useState } from "react";
-import { ImageStyle, View, ViewStyle } from "react-native";
+import { type ImageStyle, View, type ViewStyle } from "react-native";
 import { useYoshiki } from "yoshiki/native";
-import { Props, ImageLayout } from "./base-image";
+import type { Props, ImageLayout } from "./base-image";
 import { BlurhashContainer } from "./blurhash.web";
 import { Skeleton } from "../skeleton";
 import NextImage from "next/image";
diff --git a/front/packages/primitives/src/image/index.tsx b/front/packages/primitives/src/image/index.tsx
index 98e3a6c7..daffe995 100644
--- a/front/packages/primitives/src/image/index.tsx
+++ b/front/packages/primitives/src/image/index.tsx
@@ -18,14 +18,14 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ImageStyle, View, ViewProps, ViewStyle } from "react-native";
-import { Props, ImageLayout, YoshikiEnhanced } from "./base-image";
-import { Image } from "./image";
-import { ComponentProps, ComponentType, ReactNode } from "react";
-import { LinearGradient, LinearGradientProps } from "expo-linear-gradient";
-import { ContrastArea } from "../themes";
+import { LinearGradient, type LinearGradientProps } from "expo-linear-gradient";
+import type { ComponentProps, ComponentType, ReactNode } from "react";
+import { type ImageStyle, View, type ViewProps, type ViewStyle } from "react-native";
 import { percent } from "yoshiki/native";
 import { imageBorderRadius } from "../constants";
+import { ContrastArea } from "../themes";
+import type { ImageLayout, Props, YoshikiEnhanced } from "./base-image";
+import { Image } from "./image";
 
 export { Sprite } from "./sprite";
 export { BlurhashContainer } from "./blurhash";
diff --git a/front/packages/primitives/src/input.tsx b/front/packages/primitives/src/input.tsx
index 595bf247..fa92c457 100644
--- a/front/packages/primitives/src/input.tsx
+++ b/front/packages/primitives/src/input.tsx
@@ -18,11 +18,11 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { forwardRef, ReactNode, useState } from "react";
-import { TextInput, TextInputProps, View, ViewStyle } from "react-native";
-import { px, Theme, useYoshiki } from "yoshiki/native";
+import { forwardRef, type ReactNode, useState } from "react";
+import { TextInput, type TextInputProps, View, type ViewStyle } from "react-native";
+import { px, type Theme, useYoshiki } from "yoshiki/native";
 import { focusReset, ts } from "./utils";
-import { YoshikiEnhanced } from "./image/base-image";
+import type { YoshikiEnhanced } from "./image/base-image";
 
 export const Input = forwardRef<
 	TextInput,
diff --git a/front/packages/primitives/src/links.tsx b/front/packages/primitives/src/links.tsx
index b910fd5f..b89511d4 100644
--- a/front/packages/primitives/src/links.tsx
+++ b/front/packages/primitives/src/links.tsx
@@ -18,8 +18,15 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { forwardRef, ReactNode } from "react";
-import { Platform, Pressable, TextProps, View, PressableProps, Linking } from "react-native";
+import { forwardRef, type ReactNode } from "react";
+import {
+	Platform,
+	Pressable,
+	type TextProps,
+	type View,
+	type PressableProps,
+	Linking,
+} from "react-native";
 import { TextLink, useLink } from "solito/link";
 import { useTheme, useYoshiki } from "yoshiki/native";
 import type { UrlObject } from "node:url";
diff --git a/front/packages/primitives/src/menu.tsx b/front/packages/primitives/src/menu.tsx
index 3bb967d1..4a0341be 100644
--- a/front/packages/primitives/src/menu.tsx
+++ b/front/packages/primitives/src/menu.tsx
@@ -21,10 +21,10 @@
 import { Portal } from "@gorhom/portal";
 import { ScrollView } from "moti";
 import {
-	ComponentType,
+	type ComponentType,
 	createContext,
-	ReactElement,
-	ReactNode,
+	type ReactElement,
+	type ReactNode,
 	useContext,
 	useEffect,
 	useRef,
@@ -41,7 +41,7 @@ import { ContrastArea, SwitchVariant } from "./themes";
 import { ts } from "./utils";
 import Check from "@material-symbols/svg-400/rounded/check-fill.svg";
 import { useRouter } from "solito/router";
-import { SvgProps } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
 
 const MenuContext = createContext<((open: boolean) => void) | undefined>(undefined);
 
diff --git a/front/packages/primitives/src/menu.web.tsx b/front/packages/primitives/src/menu.web.tsx
index 0dfad118..ab46e705 100644
--- a/front/packages/primitives/src/menu.web.tsx
+++ b/front/packages/primitives/src/menu.web.tsx
@@ -19,9 +19,15 @@
  */
 
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import { ComponentProps, ComponentType, forwardRef, ReactElement, ReactNode } from "react";
+import {
+	type ComponentProps,
+	type ComponentType,
+	forwardRef,
+	type ReactElement,
+	type ReactNode,
+} from "react";
 import Link from "next/link";
-import { PressableProps } from "react-native";
+import type { PressableProps } from "react-native";
 import { useYoshiki } from "yoshiki/web";
 import { useYoshiki as useNativeYoshiki } from "yoshiki/native";
 import { P } from "./text";
@@ -29,7 +35,7 @@ import { ContrastArea, SwitchVariant } from "./themes";
 import { Icon } from "./icons";
 import Dot from "@material-symbols/svg-400/rounded/fiber_manual_record-fill.svg";
 import { focusReset, ts } from "./utils";
-import { SvgProps } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
 
 type YoshikiFunc<T> = (props: ReturnType<typeof useYoshiki>) => T;
 export const YoshikiProvider = ({ children }: { children: YoshikiFunc<ReactNode> }) => {
diff --git a/front/packages/primitives/src/popup.tsx b/front/packages/primitives/src/popup.tsx
index cf864280..d06b0e6e 100644
--- a/front/packages/primitives/src/popup.tsx
+++ b/front/packages/primitives/src/popup.tsx
@@ -18,10 +18,10 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ReactNode, useCallback, useEffect, useState } from "react";
+import { type ReactNode, useCallback, useEffect, useState } from "react";
 import { Container } from "./container";
 import { usePortal } from "@gorhom/portal";
-import { ContrastArea, SwitchVariant, YoshikiFunc } from "./themes";
+import { ContrastArea, SwitchVariant, type YoshikiFunc } from "./themes";
 import { View, ScrollView } from "react-native";
 import { imageBorderRadius } from "./constants";
 import { px, vh } from "yoshiki/native";
diff --git a/front/packages/primitives/src/progress.tsx b/front/packages/primitives/src/progress.tsx
index aa44e61d..543c3cc8 100644
--- a/front/packages/primitives/src/progress.tsx
+++ b/front/packages/primitives/src/progress.tsx
@@ -20,7 +20,7 @@
 
 import { ActivityIndicator, Platform, View } from "react-native";
 import { Circle, Svg } from "react-native-svg";
-import { px, Stylable, useYoshiki } from "yoshiki/native";
+import { px, type Stylable, useYoshiki } from "yoshiki/native";
 
 export const CircularProgress = ({
 	size = 48,
diff --git a/front/packages/primitives/src/select.web.tsx b/front/packages/primitives/src/select.web.tsx
index 909a2760..6c0728e9 100644
--- a/front/packages/primitives/src/select.web.tsx
+++ b/front/packages/primitives/src/select.web.tsx
@@ -26,7 +26,7 @@ import ExpandMore from "@material-symbols/svg-400/rounded/expand_more-fill.svg";
 import ExpandLess from "@material-symbols/svg-400/rounded/expand_less-fill.svg";
 import { ContrastArea, SwitchVariant } from "./themes";
 import { InternalTriger, YoshikiProvider } from "./menu.web";
-import { Theme, px, useYoshiki as useNativeYoshiki } from "yoshiki/native";
+import { type Theme, px, useYoshiki as useNativeYoshiki } from "yoshiki/native";
 import { useYoshiki } from "yoshiki";
 import { PressableFeedback } from "./links";
 import { P } from "./text";
diff --git a/front/packages/primitives/src/skeleton.tsx b/front/packages/primitives/src/skeleton.tsx
index 3c89ecb6..08e8943f 100644
--- a/front/packages/primitives/src/skeleton.tsx
+++ b/front/packages/primitives/src/skeleton.tsx
@@ -21,7 +21,7 @@
 import { LinearGradient as LG } from "expo-linear-gradient";
 import { AnimatePresence, motify, MotiView } from "moti";
 import { useState } from "react";
-import { Platform, View, ViewProps } from "react-native";
+import { Platform, View, type ViewProps } from "react-native";
 import { px, rem, useYoshiki, percent, em } from "yoshiki/native";
 import { hiddenIfNoJs } from "./utils/nojs";
 
diff --git a/front/packages/primitives/src/skeleton.web.tsx b/front/packages/primitives/src/skeleton.web.tsx
index f6bc77a2..398b7623 100644
--- a/front/packages/primitives/src/skeleton.web.tsx
+++ b/front/packages/primitives/src/skeleton.web.tsx
@@ -19,7 +19,7 @@
  */
 
 import { LinearGradient } from "expo-linear-gradient";
-import { View, ViewProps } from "react-native";
+import { View, type ViewProps } from "react-native";
 import { px, rem, useYoshiki, percent, em } from "yoshiki/native";
 import { hiddenIfNoJs } from "./utils/nojs";
 
diff --git a/front/packages/primitives/src/slider.tsx b/front/packages/primitives/src/slider.tsx
index 15965eb2..4880a41e 100644
--- a/front/packages/primitives/src/slider.tsx
+++ b/front/packages/primitives/src/slider.tsx
@@ -19,10 +19,10 @@
  */
 
 import { useRef, useState } from "react";
-import { GestureResponderEvent, Platform, View } from "react-native";
+import { type GestureResponderEvent, Platform, View } from "react-native";
 import { px, percent, Stylable, useYoshiki } from "yoshiki/native";
 import { focusReset } from "./utils";
-import { ViewProps } from "react-native-svg/lib/typescript/fabric/utils";
+import type { ViewProps } from "react-native-svg/lib/typescript/fabric/utils";
 
 export const Slider = ({
 	progress,
diff --git a/front/packages/primitives/src/snackbar.tsx b/front/packages/primitives/src/snackbar.tsx
index 98c9145f..cab87dc8 100644
--- a/front/packages/primitives/src/snackbar.tsx
+++ b/front/packages/primitives/src/snackbar.tsx
@@ -19,7 +19,7 @@
  */
 
 import { usePortal } from "@gorhom/portal";
-import { ReactElement, createContext, useCallback, useContext, useRef } from "react";
+import { type ReactElement, createContext, useCallback, useContext, useRef } from "react";
 import { ContrastArea, SwitchVariant } from "./themes";
 import { P } from "./text";
 import { View } from "react-native";
diff --git a/front/packages/primitives/src/svg.d.ts b/front/packages/primitives/src/svg.d.ts
index 9ad5a8a1..1ec3f0d9 100644
--- a/front/packages/primitives/src/svg.d.ts
+++ b/front/packages/primitives/src/svg.d.ts
@@ -19,8 +19,8 @@
  */
 
 declare module "*.svg" {
-	import React from "react";
-	import { SvgProps } from "react-native-svg";
+	import type React from "react";
+	import type { SvgProps } from "react-native-svg";
 	const content: React.FC<SvgProps>;
 	export default content;
 }
diff --git a/front/packages/primitives/src/text.tsx b/front/packages/primitives/src/text.tsx
index 405e795b..14da8fc6 100644
--- a/front/packages/primitives/src/text.tsx
+++ b/front/packages/primitives/src/text.tsx
@@ -18,8 +18,8 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ComponentType, ComponentProps } from "react";
-import { Platform, Text, TextProps, TextStyle, StyleProp } from "react-native";
+import type { ComponentType, ComponentProps } from "react";
+import { Platform, Text, type TextProps, type TextStyle, type StyleProp } from "react-native";
 import { percent, rem, useYoshiki } from "yoshiki/native";
 import {
 	H1 as EH1,
diff --git a/front/packages/primitives/src/themes/catppuccin.ts b/front/packages/primitives/src/themes/catppuccin.ts
index c06f889d..86988363 100644
--- a/front/packages/primitives/src/themes/catppuccin.ts
+++ b/front/packages/primitives/src/themes/catppuccin.ts
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ThemeBuilder } from "./theme";
+import type { ThemeBuilder } from "./theme";
 
 // Ref: https://github.com/catppuccin/catppuccin
 export const catppuccin: ThemeBuilder = {
diff --git a/front/packages/primitives/src/themes/theme.tsx b/front/packages/primitives/src/themes/theme.tsx
index 5d33dc95..38b9f643 100644
--- a/front/packages/primitives/src/themes/theme.tsx
+++ b/front/packages/primitives/src/themes/theme.tsx
@@ -18,9 +18,9 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ReactNode } from "react";
-import { Property } from "csstype";
-import { Theme, ThemeProvider, useAutomaticTheme } from "yoshiki";
+import type { ReactNode } from "react";
+import type { Property } from "csstype";
+import { type Theme, ThemeProvider, useAutomaticTheme } from "yoshiki";
 import { useTheme, useYoshiki } from "yoshiki/native";
 import "yoshiki";
 import "yoshiki/native";
diff --git a/front/packages/primitives/src/tooltip.web.tsx b/front/packages/primitives/src/tooltip.web.tsx
index f7dbef62..0c65e850 100644
--- a/front/packages/primitives/src/tooltip.web.tsx
+++ b/front/packages/primitives/src/tooltip.web.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Theme } from "yoshiki/native";
+import type { Theme } from "yoshiki/native";
 import { Tooltip as RTooltip } from "react-tooltip";
 import { forwardRef } from "react";
 import { ContrastArea } from "./themes";
diff --git a/front/packages/primitives/src/types.d.ts b/front/packages/primitives/src/types.d.ts
index 4f66516d..005ec2cc 100644
--- a/front/packages/primitives/src/types.d.ts
+++ b/front/packages/primitives/src/types.d.ts
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import React from "react";
+import type React from "react";
 import "react-native";
 
 declare module "react-native" {
diff --git a/front/packages/primitives/src/utils/breakpoints.ts b/front/packages/primitives/src/utils/breakpoints.ts
index bcef3920..29111559 100644
--- a/front/packages/primitives/src/utils/breakpoints.ts
+++ b/front/packages/primitives/src/utils/breakpoints.ts
@@ -19,7 +19,7 @@
  */
 
 import { useWindowDimensions } from "react-native";
-import { Breakpoints as YoshikiBreakpoint, isBreakpoints, breakpoints } from "yoshiki/native";
+import { type Breakpoints as YoshikiBreakpoint, isBreakpoints, breakpoints } from "yoshiki/native";
 
 type AtLeastOne<T, U = { [K in keyof T]: Pick<T, K> }> = Partial<T> & U[keyof U];
 export type Breakpoint<T> = T | AtLeastOne<YoshikiBreakpoint<T>>;
diff --git a/front/packages/primitives/src/utils/nojs.tsx b/front/packages/primitives/src/utils/nojs.tsx
index 7a001771..53bda1e6 100644
--- a/front/packages/primitives/src/utils/nojs.tsx
+++ b/front/packages/primitives/src/utils/nojs.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ViewProps } from "react-native";
+import type { ViewProps } from "react-native";
 
 export const hiddenIfNoJs: ViewProps = { style: { $$css: true, noJs: "noJsHidden" } as any };
 
diff --git a/front/packages/primitives/src/utils/touchonly.tsx b/front/packages/primitives/src/utils/touchonly.tsx
index 7972037c..22b85071 100644
--- a/front/packages/primitives/src/utils/touchonly.tsx
+++ b/front/packages/primitives/src/utils/touchonly.tsx
@@ -19,7 +19,7 @@
  */
 
 import { useEffect } from "react";
-import { Platform, ViewProps } from "react-native";
+import { Platform, type ViewProps } from "react-native";
 
 export const TouchOnlyCss = () => {
 	return (
diff --git a/front/packages/ui/src/admin/index.tsx b/front/packages/ui/src/admin/index.tsx
index ef5769b8..0d305688 100644
--- a/front/packages/ui/src/admin/index.tsx
+++ b/front/packages/ui/src/admin/index.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { QueryPage } from "@kyoo/models";
+import type { QueryPage } from "@kyoo/models";
 import { ts } from "@kyoo/primitives";
 import { ScrollView } from "react-native";
 import { DefaultLayout } from "../layout";
diff --git a/front/packages/ui/src/admin/scanner.tsx b/front/packages/ui/src/admin/scanner.tsx
index fb9b48ee..02ac7365 100644
--- a/front/packages/ui/src/admin/scanner.tsx
+++ b/front/packages/ui/src/admin/scanner.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Issue, IssueP, QueryIdentifier, queryFn, useFetch } from "@kyoo/models";
+import { type Issue, IssueP, type QueryIdentifier, queryFn, useFetch } from "@kyoo/models";
 import { useTranslation } from "react-i18next";
 import { SettingsContainer } from "../settings/base";
 import { Button, Icon, P, Skeleton, tooltip, ts } from "@kyoo/primitives";
diff --git a/front/packages/ui/src/admin/users.tsx b/front/packages/ui/src/admin/users.tsx
index fd54da41..0b4dede1 100644
--- a/front/packages/ui/src/admin/users.tsx
+++ b/front/packages/ui/src/admin/users.tsx
@@ -18,12 +18,12 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { QueryIdentifier, User, UserP, queryFn } from "@kyoo/models";
+import { type QueryIdentifier, type User, UserP, queryFn } from "@kyoo/models";
 import { Alert, Avatar, Icon, IconButton, Menu, P, Skeleton, tooltip, ts } from "@kyoo/primitives";
 import { useTranslation } from "react-i18next";
 import { View } from "react-native";
 import { px, useYoshiki } from "yoshiki/native";
-import { Layout, WithLoading } from "../fetch";
+import type { Layout, WithLoading } from "../fetch";
 import { InfiniteFetch } from "../fetch-infinite";
 import { SettingsContainer } from "../settings/base";
 
diff --git a/front/packages/ui/src/browse/grid.tsx b/front/packages/ui/src/browse/grid.tsx
index ffa76296..5929bf54 100644
--- a/front/packages/ui/src/browse/grid.tsx
+++ b/front/packages/ui/src/browse/grid.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { KyooImage, WatchStatusV } from "@kyoo/models";
+import { type KyooImage, WatchStatusV } from "@kyoo/models";
 import {
 	Link,
 	Skeleton,
@@ -30,9 +30,9 @@ import {
 	Icon,
 	important,
 } from "@kyoo/primitives";
-import { ImageStyle, Platform, View } from "react-native";
-import { max, percent, px, rem, Stylable, Theme, useYoshiki } from "yoshiki/native";
-import { Layout, WithLoading } from "../fetch";
+import { type ImageStyle, Platform, View } from "react-native";
+import { max, percent, px, rem, type Stylable, type Theme, useYoshiki } from "yoshiki/native";
+import type { Layout, WithLoading } from "../fetch";
 import Done from "@material-symbols/svg-400/rounded/done-fill.svg";
 import { ItemContext } from "../components/context-menus";
 import { useState } from "react";
diff --git a/front/packages/ui/src/browse/header.tsx b/front/packages/ui/src/browse/header.tsx
index 578f6ca5..5229ca9e 100644
--- a/front/packages/ui/src/browse/header.tsx
+++ b/front/packages/ui/src/browse/header.tsx
@@ -39,7 +39,7 @@ import ArrowUpward from "@material-symbols/svg-400/rounded/arrow_upward.svg";
 import ArrowDownward from "@material-symbols/svg-400/rounded/arrow_downward.svg";
 import { Layout, SearchSort, SortOrd } from "./types";
 import { forwardRef } from "react";
-import { View, PressableProps } from "react-native";
+import { View, type PressableProps } from "react-native";
 
 const SortTrigger = forwardRef<View, PressableProps & { sortKey: string }>(function SortTrigger(
 	{ sortKey, ...props },
diff --git a/front/packages/ui/src/browse/index.tsx b/front/packages/ui/src/browse/index.tsx
index 29e9a665..a5816ce4 100644
--- a/front/packages/ui/src/browse/index.tsx
+++ b/front/packages/ui/src/browse/index.tsx
@@ -19,16 +19,16 @@
  */
 
 import {
-	QueryIdentifier,
-	QueryPage,
-	LibraryItem,
+	type QueryIdentifier,
+	type QueryPage,
+	type LibraryItem,
 	LibraryItemP,
 	getDisplayDate,
 } from "@kyoo/models";
-import { ComponentProps, useState } from "react";
+import { type ComponentProps, useState } from "react";
 import { createParam } from "solito";
 import { DefaultLayout } from "../layout";
-import { WithLoading } from "../fetch";
+import type { WithLoading } from "../fetch";
 import { InfiniteFetch } from "../fetch-infinite";
 import { ItemGrid } from "./grid";
 import { ItemList } from "./list";
diff --git a/front/packages/ui/src/browse/list.tsx b/front/packages/ui/src/browse/list.tsx
index 138901ca..1bb49b54 100644
--- a/front/packages/ui/src/browse/list.tsx
+++ b/front/packages/ui/src/browse/list.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { KyooImage, WatchStatusV } from "@kyoo/models";
+import type { KyooImage, WatchStatusV } from "@kyoo/models";
 import {
 	Link,
 	P,
@@ -33,7 +33,7 @@ import {
 import { useState } from "react";
 import { Platform, View } from "react-native";
 import { percent, px, rem, useYoshiki } from "yoshiki/native";
-import { Layout, WithLoading } from "../fetch";
+import type { Layout, WithLoading } from "../fetch";
 import { ItemWatchStatus } from "./grid";
 import { ItemContext } from "../components/context-menus";
 
diff --git a/front/packages/ui/src/collection/index.tsx b/front/packages/ui/src/collection/index.tsx
index a340a73b..f84e7ef6 100644
--- a/front/packages/ui/src/collection/index.tsx
+++ b/front/packages/ui/src/collection/index.tsx
@@ -19,12 +19,12 @@
  */
 
 import {
-	Collection,
+	type Collection,
 	CollectionP,
-	LibraryItem,
+	type LibraryItem,
 	LibraryItemP,
-	QueryIdentifier,
-	QueryPage,
+	type QueryIdentifier,
+	type QueryPage,
 	getDisplayDate,
 } from "@kyoo/models";
 import { Header as ShowHeader, TitleLine } from "../details/header";
@@ -32,7 +32,7 @@ import { Container, Head, ImageBackground, P, Skeleton, ts, usePageStyle } from
 import { percent, px, useYoshiki } from "yoshiki/native";
 import { useTranslation } from "react-i18next";
 import { forwardRef } from "react";
-import { Platform, View, ViewProps } from "react-native";
+import { Platform, View, type ViewProps } from "react-native";
 import { Fetch } from "../fetch";
 import { InfiniteFetch } from "../fetch-infinite";
 import { DefaultLayout } from "../layout";
diff --git a/front/packages/ui/src/components/context-menus.tsx b/front/packages/ui/src/components/context-menus.tsx
index fd0f2422..af9e6673 100644
--- a/front/packages/ui/src/components/context-menus.tsx
+++ b/front/packages/ui/src/components/context-menus.tsx
@@ -26,7 +26,7 @@ import Info from "@material-symbols/svg-400/rounded/info.svg";
 import MoreVert from "@material-symbols/svg-400/rounded/more_vert.svg";
 import MovieInfo from "@material-symbols/svg-400/rounded/movie_info.svg";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { ComponentProps } from "react";
+import type { ComponentProps } from "react";
 import { useTranslation } from "react-i18next";
 import { Platform } from "react-native";
 import { useYoshiki } from "yoshiki/native";
diff --git a/front/packages/ui/src/components/media-info.tsx b/front/packages/ui/src/components/media-info.tsx
index 141f5095..e1b83202 100644
--- a/front/packages/ui/src/components/media-info.tsx
+++ b/front/packages/ui/src/components/media-info.tsx
@@ -18,7 +18,13 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Audio, QueryIdentifier, Subtitle, WatchInfo, WatchInfoP } from "@kyoo/models";
+import {
+	type Audio,
+	type QueryIdentifier,
+	type Subtitle,
+	type WatchInfo,
+	WatchInfoP,
+} from "@kyoo/models";
 import { Button, HR, P, Popup, Skeleton } from "@kyoo/primitives";
 import { Fetch } from "../fetch";
 import { useTranslation } from "react-i18next";
diff --git a/front/packages/ui/src/components/rating.tsx b/front/packages/ui/src/components/rating.tsx
index f6198143..571a37d0 100644
--- a/front/packages/ui/src/components/rating.tsx
+++ b/front/packages/ui/src/components/rating.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Breakpoint, Icon, P, Skeleton, ts } from "@kyoo/primitives";
+import { type Breakpoint, Icon, P, Skeleton, ts } from "@kyoo/primitives";
 import { View } from "react-native";
 import Star from "@material-symbols/svg-400/rounded/star-fill.svg";
 import { rem, useYoshiki } from "yoshiki/native";
diff --git a/front/packages/ui/src/components/watchlist-info.tsx b/front/packages/ui/src/components/watchlist-info.tsx
index 178805a8..45c6a0d3 100644
--- a/front/packages/ui/src/components/watchlist-info.tsx
+++ b/front/packages/ui/src/components/watchlist-info.tsx
@@ -19,7 +19,7 @@
  */
 
 import { IconButton, Menu, tooltip } from "@kyoo/primitives";
-import { ComponentProps } from "react";
+import type { ComponentProps } from "react";
 import { useTranslation } from "react-i18next";
 import BookmarkAdd from "@material-symbols/svg-400/rounded/bookmark_add.svg";
 import Bookmark from "@material-symbols/svg-400/rounded/bookmark-fill.svg";
diff --git a/front/packages/ui/src/details/collection.tsx b/front/packages/ui/src/details/collection.tsx
index 994cf38a..54617591 100644
--- a/front/packages/ui/src/details/collection.tsx
+++ b/front/packages/ui/src/details/collection.tsx
@@ -19,15 +19,15 @@
  */
 
 import {
-	Collection,
+	type Collection,
 	CollectionP,
-	KyooImage,
-	QueryIdentifier,
+	type KyooImage,
+	type QueryIdentifier,
 	useInfiniteFetch,
 } from "@kyoo/models";
 import { Container, H2, ImageBackground, Link, P, focusReset, ts } from "@kyoo/primitives";
 import { useTranslation } from "react-i18next";
-import { Theme, useYoshiki } from "yoshiki/native";
+import { type Theme, useYoshiki } from "yoshiki/native";
 import { ErrorView } from "../errors";
 
 export const PartOf = ({
diff --git a/front/packages/ui/src/details/episode.tsx b/front/packages/ui/src/details/episode.tsx
index d685d998..e7f129c3 100644
--- a/front/packages/ui/src/details/episode.tsx
+++ b/front/packages/ui/src/details/episode.tsx
@@ -23,7 +23,7 @@ import {
 	H6,
 	IconButton,
 	ImageBackground,
-	ImageProps,
+	type ImageProps,
 	important,
 	Link,
 	P,
@@ -33,10 +33,10 @@ import {
 	ts,
 } from "@kyoo/primitives";
 import { useTranslation } from "react-i18next";
-import { ImageStyle, Platform, PressableProps, View } from "react-native";
-import { Layout, WithLoading } from "../fetch";
-import { percent, rem, Stylable, Theme, useYoshiki } from "yoshiki/native";
-import { KyooImage, WatchStatusV } from "@kyoo/models";
+import { type ImageStyle, Platform, type PressableProps, View } from "react-native";
+import type { Layout, WithLoading } from "../fetch";
+import { percent, rem, type Stylable, type Theme, useYoshiki } from "yoshiki/native";
+import { type KyooImage, WatchStatusV } from "@kyoo/models";
 import { ItemProgress } from "../browse/grid";
 import { EpisodesContext } from "../components/context-menus";
 import { useState } from "react";
diff --git a/front/packages/ui/src/details/header.tsx b/front/packages/ui/src/details/header.tsx
index c4f5dc9a..e432906b 100644
--- a/front/packages/ui/src/details/header.tsx
+++ b/front/packages/ui/src/details/header.tsx
@@ -19,17 +19,17 @@
  */
 
 import {
-	Genre,
-	KyooImage,
-	Movie,
-	QueryIdentifier,
-	Show,
-	Studio,
+	type Genre,
+	type KyooImage,
+	type Movie,
+	type QueryIdentifier,
+	type Show,
+	type Studio,
 	getDisplayDate,
 	queryFn,
 	useAccount,
 } from "@kyoo/models";
-import { WatchStatusV } from "@kyoo/models/src/resources/watch-status";
+import type { WatchStatusV } from "@kyoo/models/src/resources/watch-status";
 import {
 	A,
 	Chip,
@@ -63,10 +63,10 @@ import Theaters from "@material-symbols/svg-400/rounded/theaters-fill.svg";
 import { useMutation } from "@tanstack/react-query";
 import { Fragment } from "react";
 import { useTranslation } from "react-i18next";
-import { ImageStyle, Platform, View } from "react-native";
+import { type ImageStyle, Platform, View } from "react-native";
 import {
-	Stylable,
-	Theme,
+	type Stylable,
+	type Theme,
 	em,
 	max,
 	md,
diff --git a/front/packages/ui/src/details/movie.tsx b/front/packages/ui/src/details/movie.tsx
index a4fc31bb..faf54b39 100644
--- a/front/packages/ui/src/details/movie.tsx
+++ b/front/packages/ui/src/details/movie.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Movie, MovieP, QueryIdentifier, QueryPage } from "@kyoo/models";
+import { type Movie, MovieP, type QueryIdentifier, type QueryPage } from "@kyoo/models";
 import { Platform, ScrollView } from "react-native";
 import { useYoshiki } from "yoshiki/native";
 import { DefaultLayout } from "../layout";
diff --git a/front/packages/ui/src/details/person.tsx b/front/packages/ui/src/details/person.tsx
index 001821c5..5a50e1a2 100644
--- a/front/packages/ui/src/details/person.tsx
+++ b/front/packages/ui/src/details/person.tsx
@@ -19,7 +19,7 @@
  */
 
 import { Avatar, Link, P, Skeleton, SubP } from "@kyoo/primitives";
-import { Stylable, useYoshiki } from "yoshiki/native";
+import { type Stylable, useYoshiki } from "yoshiki/native";
 
 export const PersonAvatar = ({
 	slug,
diff --git a/front/packages/ui/src/details/season.tsx b/front/packages/ui/src/details/season.tsx
index af6a83a8..8af67eea 100644
--- a/front/packages/ui/src/details/season.tsx
+++ b/front/packages/ui/src/details/season.tsx
@@ -19,10 +19,10 @@
  */
 
 import {
-	Episode,
+	type Episode,
 	EpisodeP,
-	QueryIdentifier,
-	Season,
+	type QueryIdentifier,
+	type Season,
 	SeasonP,
 	useInfiniteFetch,
 } from "@kyoo/models";
@@ -32,7 +32,7 @@ import { View } from "react-native";
 import { InfiniteFetch } from "../fetch-infinite";
 import { episodeDisplayNumber, EpisodeLine } from "./episode";
 import { useTranslation } from "react-i18next";
-import { ComponentType } from "react";
+import type { ComponentType } from "react";
 import MenuIcon from "@material-symbols/svg-400/rounded/menu-fill.svg";
 
 type SeasonProcessed = Season & { href: string };
diff --git a/front/packages/ui/src/details/show.tsx b/front/packages/ui/src/details/show.tsx
index 41074664..edf07476 100644
--- a/front/packages/ui/src/details/show.tsx
+++ b/front/packages/ui/src/details/show.tsx
@@ -18,13 +18,19 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { QueryIdentifier, QueryPage, Show, ShowP, ShowWatchStatus } from "@kyoo/models";
-import { Platform, View, ViewProps } from "react-native";
+import {
+	type QueryIdentifier,
+	type QueryPage,
+	type Show,
+	ShowP,
+	type ShowWatchStatus,
+} from "@kyoo/models";
+import { Platform, View, type ViewProps } from "react-native";
 import { percent, useYoshiki } from "yoshiki/native";
 import { DefaultLayout } from "../layout";
 import { EpisodeList, SeasonHeader } from "./season";
 import { Header } from "./header";
-import Svg, { Path, SvgProps } from "react-native-svg";
+import Svg, { Path, type SvgProps } from "react-native-svg";
 import { Container, H2, SwitchVariant, focusReset, ts } from "@kyoo/primitives";
 import { forwardRef, useState } from "react";
 import { DetailsCollections } from "./collection";
diff --git a/front/packages/ui/src/downloads/index.web.tsx b/front/packages/ui/src/downloads/index.web.tsx
index a7f7cc51..1be1a720 100644
--- a/front/packages/ui/src/downloads/index.web.tsx
+++ b/front/packages/ui/src/downloads/index.web.tsx
@@ -18,10 +18,10 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { WatchInfo, getCurrentApiUrl, queryFn, toQueryKey } from "@kyoo/models";
+import { type WatchInfo, getCurrentApiUrl, queryFn, toQueryKey } from "@kyoo/models";
 import { Player } from "../player";
 import { getCurrentAccount } from "@kyoo/models/src/account-internal";
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 
 export const useDownloader = () => {
 	return async (type: "episode" | "movie", slug: string) => {
diff --git a/front/packages/ui/src/downloads/page.tsx b/front/packages/ui/src/downloads/page.tsx
index a96fb128..79e227dc 100644
--- a/front/packages/ui/src/downloads/page.tsx
+++ b/front/packages/ui/src/downloads/page.tsx
@@ -18,9 +18,9 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { State, downloadAtom } from "./state";
+import { type State, downloadAtom } from "./state";
 import { FlashList } from "@shopify/flash-list";
-import { ImageStyle, View } from "react-native";
+import { type ImageStyle, View } from "react-native";
 import {
 	Alert,
 	H6,
@@ -38,8 +38,8 @@ import { EpisodeLine, displayRuntime, episodeDisplayNumber } from "../details/ep
 import { useTranslation } from "react-i18next";
 import { EmptyView } from "../fetch";
 import { percent, useYoshiki } from "yoshiki/native";
-import { KyooImage } from "@kyoo/models";
-import { Atom, useAtomValue } from "jotai";
+import type { KyooImage } from "@kyoo/models";
+import { type Atom, useAtomValue } from "jotai";
 import DownloadForOffline from "@material-symbols/svg-400/rounded/download_for_offline.svg";
 import Downloading from "@material-symbols/svg-400/rounded/downloading.svg";
 import ErrorIcon from "@material-symbols/svg-400/rounded/error.svg";
diff --git a/front/packages/ui/src/downloads/state.tsx b/front/packages/ui/src/downloads/state.tsx
index e131007b..10046d6c 100644
--- a/front/packages/ui/src/downloads/state.tsx
+++ b/front/packages/ui/src/downloads/state.tsx
@@ -23,24 +23,24 @@ import RNBackgroundDownloader, {
 } from "@kesha-antonov/react-native-background-downloader";
 import { deleteAsync } from "expo-file-system";
 import {
-	Account,
-	Episode,
+	type Account,
+	type Episode,
 	EpisodeP,
-	Movie,
+	type Movie,
 	MovieP,
-	QueryIdentifier,
-	WatchInfo,
+	type QueryIdentifier,
+	type WatchInfo,
 	WatchInfoP,
 	queryFn,
 	toQueryKey,
 } from "@kyoo/models";
 import { Player } from "../player";
-import { atom, useSetAtom, PrimitiveAtom, useStore } from "jotai";
+import { atom, useSetAtom, type PrimitiveAtom, useStore } from "jotai";
 import { getCurrentAccount, storage } from "@kyoo/models/src/account-internal";
-import { ReactNode, useEffect } from "react";
+import { type ReactNode, useEffect } from "react";
 import { ToastAndroid } from "react-native";
-import { QueryClient, useQueryClient } from "@tanstack/react-query";
-import { Router } from "expo-router/build/types";
+import { type QueryClient, useQueryClient } from "@tanstack/react-query";
+import type { Router } from "expo-router/build/types";
 import { z } from "zod";
 
 export type State = {
diff --git a/front/packages/ui/src/errors/error.tsx b/front/packages/ui/src/errors/error.tsx
index c42e0cc2..fcb2c160 100644
--- a/front/packages/ui/src/errors/error.tsx
+++ b/front/packages/ui/src/errors/error.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ConnectionErrorContext, KyooErrors } from "@kyoo/models";
+import { ConnectionErrorContext, type KyooErrors } from "@kyoo/models";
 import { P } from "@kyoo/primitives";
 import { useContext, useLayoutEffect } from "react";
 import { View } from "react-native";
diff --git a/front/packages/ui/src/fetch-infinite.tsx b/front/packages/ui/src/fetch-infinite.tsx
index 54165661..2817b573 100644
--- a/front/packages/ui/src/fetch-infinite.tsx
+++ b/front/packages/ui/src/fetch-infinite.tsx
@@ -18,13 +18,19 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Page, QueryIdentifier, useInfiniteFetch } from "@kyoo/models";
+import { type Page, type QueryIdentifier, useInfiniteFetch } from "@kyoo/models";
 import { useBreakpointMap, HR } from "@kyoo/primitives";
-import { ContentStyle, FlashList } from "@shopify/flash-list";
-import { ComponentProps, ComponentType, isValidElement, ReactElement, useRef } from "react";
-import { EmptyView, Layout, OfflineView, WithLoading, addHeader } from "./fetch";
+import { type ContentStyle, FlashList } from "@shopify/flash-list";
+import {
+	type ComponentProps,
+	type ComponentType,
+	isValidElement,
+	type ReactElement,
+	useRef,
+} from "react";
+import { EmptyView, type Layout, OfflineView, type WithLoading, addHeader } from "./fetch";
 import { ErrorView } from "./errors";
-import { FlatList, View, ViewStyle } from "react-native";
+import { FlatList, View, type ViewStyle } from "react-native";
 
 const emulateGap = (
 	layout: "grid" | "vertical" | "horizontal",
diff --git a/front/packages/ui/src/fetch-infinite.web.tsx b/front/packages/ui/src/fetch-infinite.web.tsx
index 0a9c8e09..19c786f0 100644
--- a/front/packages/ui/src/fetch-infinite.web.tsx
+++ b/front/packages/ui/src/fetch-infinite.web.tsx
@@ -18,20 +18,20 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Page, QueryIdentifier, useInfiniteFetch } from "@kyoo/models";
+import { type Page, type QueryIdentifier, useInfiniteFetch } from "@kyoo/models";
 import { HR } from "@kyoo/primitives";
 import {
-	ComponentProps,
-	ComponentType,
+	type ComponentProps,
+	type ComponentType,
 	Fragment,
 	isValidElement,
-	ReactElement,
+	type ReactElement,
 	useCallback,
 	useEffect,
 	useRef,
 } from "react";
-import { Stylable, nativeStyleToCss, useYoshiki, ysMap } from "yoshiki";
-import { EmptyView, Layout, WithLoading, addHeader } from "./fetch";
+import { type Stylable, nativeStyleToCss, useYoshiki, ysMap } from "yoshiki";
+import { EmptyView, type Layout, type WithLoading, addHeader } from "./fetch";
 import { ErrorView } from "./errors";
 import type { ContentStyle } from "@shopify/flash-list";
 
diff --git a/front/packages/ui/src/fetch.tsx b/front/packages/ui/src/fetch.tsx
index db9dfd4d..d932a738 100644
--- a/front/packages/ui/src/fetch.tsx
+++ b/front/packages/ui/src/fetch.tsx
@@ -18,9 +18,9 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Page, QueryIdentifier, useFetch } from "@kyoo/models";
-import { Breakpoint, P } from "@kyoo/primitives";
-import { ComponentType, ReactElement, isValidElement } from "react";
+import { type Page, type QueryIdentifier, useFetch } from "@kyoo/models";
+import { type Breakpoint, P } from "@kyoo/primitives";
+import { type ComponentType, type ReactElement, isValidElement } from "react";
 import { useTranslation } from "react-i18next";
 import { View } from "react-native";
 import { useYoshiki } from "yoshiki/native";
diff --git a/front/packages/ui/src/home/genre.tsx b/front/packages/ui/src/home/genre.tsx
index 5ef05488..3ce8351e 100644
--- a/front/packages/ui/src/home/genre.tsx
+++ b/front/packages/ui/src/home/genre.tsx
@@ -18,7 +18,13 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Genre, LibraryItem, LibraryItemP, QueryIdentifier, useInfiniteFetch } from "@kyoo/models";
+import {
+	type Genre,
+	type LibraryItem,
+	LibraryItemP,
+	type QueryIdentifier,
+	useInfiniteFetch,
+} from "@kyoo/models";
 import { H3, ts } from "@kyoo/primitives";
 import { useRef } from "react";
 import { View } from "react-native";
diff --git a/front/packages/ui/src/home/header.tsx b/front/packages/ui/src/home/header.tsx
index 76babbf2..a99793f3 100644
--- a/front/packages/ui/src/home/header.tsx
+++ b/front/packages/ui/src/home/header.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { KyooImage, LibraryItem, LibraryItemP, QueryIdentifier } from "@kyoo/models";
+import { type KyooImage, type LibraryItem, LibraryItemP, type QueryIdentifier } from "@kyoo/models";
 import {
 	H1,
 	H2,
@@ -33,7 +33,7 @@ import {
 } from "@kyoo/primitives";
 import { View } from "react-native";
 import { percent, rem, useYoshiki } from "yoshiki/native";
-import { WithLoading } from "../fetch";
+import type { WithLoading } from "../fetch";
 import { Header as DetailsHeader } from "../details/header";
 import { useTranslation } from "react-i18next";
 import PlayArrow from "@material-symbols/svg-400/rounded/play_arrow-fill.svg";
diff --git a/front/packages/ui/src/home/index.tsx b/front/packages/ui/src/home/index.tsx
index 29aba417..e7b95a7b 100644
--- a/front/packages/ui/src/home/index.tsx
+++ b/front/packages/ui/src/home/index.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Genre, QueryPage, toQueryKey } from "@kyoo/models";
+import { Genre, type QueryPage, toQueryKey } from "@kyoo/models";
 import { Fetch } from "../fetch";
 import { Header } from "./header";
 import { DefaultLayout } from "../layout";
diff --git a/front/packages/ui/src/home/news.tsx b/front/packages/ui/src/home/news.tsx
index 3c2622f3..f4cdab33 100644
--- a/front/packages/ui/src/home/news.tsx
+++ b/front/packages/ui/src/home/news.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { News, NewsP, QueryIdentifier, getDisplayDate } from "@kyoo/models";
+import { type News, NewsP, type QueryIdentifier, getDisplayDate } from "@kyoo/models";
 import { ItemGrid } from "../browse/grid";
 import { InfiniteFetch } from "../fetch-infinite";
 import { useTranslation } from "react-i18next";
diff --git a/front/packages/ui/src/home/recommended.tsx b/front/packages/ui/src/home/recommended.tsx
index a7515268..47827fd5 100644
--- a/front/packages/ui/src/home/recommended.tsx
+++ b/front/packages/ui/src/home/recommended.tsx
@@ -19,12 +19,12 @@
  */
 
 import {
-	Genre,
-	KyooImage,
-	LibraryItem,
+	type Genre,
+	type KyooImage,
+	type LibraryItem,
 	LibraryItemP,
-	QueryIdentifier,
-	WatchStatusV,
+	type QueryIdentifier,
+	type WatchStatusV,
 	getDisplayDate,
 } from "@kyoo/models";
 import {
@@ -43,8 +43,8 @@ import {
 } from "@kyoo/primitives";
 import { useTranslation } from "react-i18next";
 import { ScrollView, View } from "react-native";
-import { Theme, calc, percent, px, rem, useYoshiki } from "yoshiki/native";
-import { Layout, WithLoading } from "../fetch";
+import { type Theme, calc, percent, px, rem, useYoshiki } from "yoshiki/native";
+import type { Layout, WithLoading } from "../fetch";
 import { InfiniteFetch } from "../fetch-infinite";
 import PlayArrow from "@material-symbols/svg-400/rounded/play_arrow-fill.svg";
 import { ItemGrid, ItemWatchStatus } from "../browse/grid";
diff --git a/front/packages/ui/src/home/vertical.tsx b/front/packages/ui/src/home/vertical.tsx
index bf2cc061..96343906 100644
--- a/front/packages/ui/src/home/vertical.tsx
+++ b/front/packages/ui/src/home/vertical.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { LibraryItem, LibraryItemP, QueryIdentifier } from "@kyoo/models";
+import { type LibraryItem, LibraryItemP, type QueryIdentifier } from "@kyoo/models";
 import { H3 } from "@kyoo/primitives";
 import { View } from "react-native";
 import { useYoshiki } from "yoshiki/native";
diff --git a/front/packages/ui/src/home/watchlist.tsx b/front/packages/ui/src/home/watchlist.tsx
index b1904f6b..97fff5b2 100644
--- a/front/packages/ui/src/home/watchlist.tsx
+++ b/front/packages/ui/src/home/watchlist.tsx
@@ -18,7 +18,13 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { QueryIdentifier, Watchlist, WatchlistP, getDisplayDate, useAccount } from "@kyoo/models";
+import {
+	type QueryIdentifier,
+	type Watchlist,
+	WatchlistP,
+	getDisplayDate,
+	useAccount,
+} from "@kyoo/models";
 import { useYoshiki } from "yoshiki/native";
 import { ItemGrid } from "../browse/grid";
 import { InfiniteFetch } from "../fetch-infinite";
diff --git a/front/packages/ui/src/i18n-d.ts b/front/packages/ui/src/i18n-d.ts
index eeee0be0..46c3f118 100644
--- a/front/packages/ui/src/i18n-d.ts
+++ b/front/packages/ui/src/i18n-d.ts
@@ -19,7 +19,7 @@
  */
 
 import "i18next";
-import en from "../../../translations/en.json";
+import type en from "../../../translations/en.json";
 
 declare module "i18next" {
 	interface CustomTypeOptions {
diff --git a/front/packages/ui/src/layout.tsx b/front/packages/ui/src/layout.tsx
index 0a1e2f17..0e111eb4 100644
--- a/front/packages/ui/src/layout.tsx
+++ b/front/packages/ui/src/layout.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { ReactElement } from "react";
+import type { ReactElement } from "react";
 import { Navbar } from "./navbar";
 import { useYoshiki, vw } from "yoshiki/native";
 import { Main } from "@kyoo/primitives";
diff --git a/front/packages/ui/src/login/form.tsx b/front/packages/ui/src/login/form.tsx
index 45267eec..665ec10e 100644
--- a/front/packages/ui/src/login/form.tsx
+++ b/front/packages/ui/src/login/form.tsx
@@ -20,10 +20,10 @@
 
 import { imageFn } from "@kyoo/models";
 import { ts } from "@kyoo/primitives";
-import { ReactNode } from "react";
-import { ScrollView, ImageBackground, ImageProps, Platform, View } from "react-native";
-import Svg, { SvgProps, Path } from "react-native-svg";
-import { min, px, Stylable, useYoshiki, vh } from "yoshiki/native";
+import type { ReactNode } from "react";
+import { ScrollView, ImageBackground, type ImageProps, Platform, View } from "react-native";
+import Svg, { type SvgProps, Path } from "react-native-svg";
+import { min, px, type Stylable, useYoshiki, vh } from "yoshiki/native";
 
 const SvgBlob = (props: SvgProps) => {
 	const { css, theme } = useYoshiki();
diff --git a/front/packages/ui/src/login/login.tsx b/front/packages/ui/src/login/login.tsx
index 546151f7..60256229 100644
--- a/front/packages/ui/src/login/login.tsx
+++ b/front/packages/ui/src/login/login.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { login, QueryPage } from "@kyoo/models";
+import { login, type QueryPage } from "@kyoo/models";
 import { Button, P, Input, ts, H1, A } from "@kyoo/primitives";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
diff --git a/front/packages/ui/src/login/oidc.tsx b/front/packages/ui/src/login/oidc.tsx
index 43b38772..81a9c546 100644
--- a/front/packages/ui/src/login/oidc.tsx
+++ b/front/packages/ui/src/login/oidc.tsx
@@ -19,9 +19,9 @@
  */
 
 import {
-	QueryIdentifier,
-	QueryPage,
-	ServerInfo,
+	type QueryIdentifier,
+	type QueryPage,
+	type ServerInfo,
 	ServerInfoP,
 	oidcLogin,
 	useFetch,
diff --git a/front/packages/ui/src/login/password-input.tsx b/front/packages/ui/src/login/password-input.tsx
index b7650b1b..33802424 100644
--- a/front/packages/ui/src/login/password-input.tsx
+++ b/front/packages/ui/src/login/password-input.tsx
@@ -19,7 +19,7 @@
  */
 
 import { IconButton, Input } from "@kyoo/primitives";
-import { ComponentProps, useState } from "react";
+import { type ComponentProps, useState } from "react";
 import { px, useYoshiki } from "yoshiki/native";
 import Visibility from "@material-symbols/svg-400/rounded/visibility-fill.svg";
 import VisibilityOff from "@material-symbols/svg-400/rounded/visibility_off-fill.svg";
diff --git a/front/packages/ui/src/login/register.tsx b/front/packages/ui/src/login/register.tsx
index 81af64ee..4f8e2cb4 100644
--- a/front/packages/ui/src/login/register.tsx
+++ b/front/packages/ui/src/login/register.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { login, QueryPage } from "@kyoo/models";
+import { login, type QueryPage } from "@kyoo/models";
 import { Button, P, Input, ts, H1, A } from "@kyoo/primitives";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
diff --git a/front/packages/ui/src/login/server-url.tsx b/front/packages/ui/src/login/server-url.tsx
index d3acc3c0..d38f5017 100644
--- a/front/packages/ui/src/login/server-url.tsx
+++ b/front/packages/ui/src/login/server-url.tsx
@@ -18,13 +18,19 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { QueryIdentifier, QueryPage, ServerInfo, ServerInfoP, useFetch } from "@kyoo/models";
+import {
+	type QueryIdentifier,
+	type QueryPage,
+	type ServerInfo,
+	ServerInfoP,
+	useFetch,
+} from "@kyoo/models";
 import { Button, P, Link, Input, ts, H1, HR } from "@kyoo/primitives";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { ImageBackground, Platform, View } from "react-native";
 import { useRouter } from "solito/router";
-import { Theme, percent, useYoshiki } from "yoshiki/native";
+import { type Theme, percent, useYoshiki } from "yoshiki/native";
 import { DefaultLayout } from "../layout";
 
 export const cleanApiUrl = (apiUrl: string) => {
diff --git a/front/packages/ui/src/navbar/icon.tsx b/front/packages/ui/src/navbar/icon.tsx
index 3662c05e..d38bdee4 100644
--- a/front/packages/ui/src/navbar/icon.tsx
+++ b/front/packages/ui/src/navbar/icon.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import Svg, { SvgProps, Path } from "react-native-svg";
+import Svg, { type SvgProps, Path } from "react-native-svg";
 
 /* export const KyooLogo = (props: SvgProps) => ( */
 /* 	<Svg viewBox="0 0 128 128" {...props}> */
diff --git a/front/packages/ui/src/navbar/index.tsx b/front/packages/ui/src/navbar/index.tsx
index cfac2981..31c20a4f 100644
--- a/front/packages/ui/src/navbar/index.tsx
+++ b/front/packages/ui/src/navbar/index.tsx
@@ -32,10 +32,10 @@ import {
 	HR,
 	Link,
 } from "@kyoo/primitives";
-import { Platform, TextInput, View, ViewProps } from "react-native";
+import { Platform, type TextInput, View, type ViewProps } from "react-native";
 import { useTranslation } from "react-i18next";
 import { useRouter } from "solito/router";
-import { Stylable, useYoshiki } from "yoshiki/native";
+import { type Stylable, useYoshiki } from "yoshiki/native";
 import Search from "@material-symbols/svg-400/rounded/search-fill.svg";
 import Login from "@material-symbols/svg-400/rounded/login.svg";
 import Register from "@material-symbols/svg-400/rounded/app_registration.svg";
diff --git a/front/packages/ui/src/player/components/hover.tsx b/front/packages/ui/src/player/components/hover.tsx
index df54f436..8c006b02 100644
--- a/front/packages/ui/src/player/components/hover.tsx
+++ b/front/packages/ui/src/player/components/hover.tsx
@@ -35,9 +35,9 @@ import {
 	ts,
 	useIsTouch,
 } from "@kyoo/primitives";
-import { Chapter, KyooImage, Subtitle, Audio } from "@kyoo/models";
+import type { Chapter, KyooImage, Subtitle, Audio } from "@kyoo/models";
 import { useAtomValue, useSetAtom, useAtom } from "jotai";
-import { ImageStyle, Platform, Pressable, View, ViewProps } from "react-native";
+import { type ImageStyle, Platform, Pressable, View, type ViewProps } from "react-native";
 import { useTranslation } from "react-i18next";
 import { percent, rem, useYoshiki } from "yoshiki/native";
 import { useRouter } from "solito/router";
@@ -52,7 +52,7 @@ import {
 	playAtom,
 	progressAtom,
 } from "../state";
-import { ReactNode, useCallback, useEffect, useRef, useState } from "react";
+import { type ReactNode, useCallback, useEffect, useRef, useState } from "react";
 import { atom } from "jotai";
 import { BottomScrubber, ScrubberTooltip } from "./scrubber";
 
diff --git a/front/packages/ui/src/player/components/left-buttons.tsx b/front/packages/ui/src/player/components/left-buttons.tsx
index 48115739..e8512793 100644
--- a/front/packages/ui/src/player/components/left-buttons.tsx
+++ b/front/packages/ui/src/player/components/left-buttons.tsx
@@ -31,7 +31,7 @@ import VolumeMute from "@material-symbols/svg-400/rounded/volume_mute-fill.svg";
 import VolumeDown from "@material-symbols/svg-400/rounded/volume_down-fill.svg";
 import VolumeUp from "@material-symbols/svg-400/rounded/volume_up-fill.svg";
 import { durationAtom, mutedAtom, playAtom, progressAtom, volumeAtom } from "../state";
-import { Stylable, px, useYoshiki } from "yoshiki/native";
+import { type Stylable, px, useYoshiki } from "yoshiki/native";
 import { HoverTouch, hoverAtom } from "./hover";
 
 export const LeftButtons = ({
diff --git a/front/packages/ui/src/player/components/right-buttons.tsx b/front/packages/ui/src/player/components/right-buttons.tsx
index 53c38c8d..fbe81036 100644
--- a/front/packages/ui/src/player/components/right-buttons.tsx
+++ b/front/packages/ui/src/player/components/right-buttons.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Audio, Subtitle } from "@kyoo/models";
+import type { Audio, Subtitle } from "@kyoo/models";
 import { IconButton, tooltip, Menu, ts } from "@kyoo/primitives";
 import { useAtom } from "jotai";
 import { Platform, View } from "react-native";
@@ -28,7 +28,7 @@ import Fullscreen from "@material-symbols/svg-400/rounded/fullscreen-fill.svg";
 import FullscreenExit from "@material-symbols/svg-400/rounded/fullscreen_exit-fill.svg";
 import SettingsIcon from "@material-symbols/svg-400/rounded/settings-fill.svg";
 import MusicNote from "@material-symbols/svg-400/rounded/music_note-fill.svg";
-import { Stylable, useYoshiki } from "yoshiki/native";
+import { type Stylable, useYoshiki } from "yoshiki/native";
 import { fullscreenAtom, subtitleAtom } from "../state";
 import { AudiosMenu, QualitiesMenu } from "../video";
 
diff --git a/front/packages/ui/src/player/components/scrubber.tsx b/front/packages/ui/src/player/components/scrubber.tsx
index 8ada1189..1f86d542 100644
--- a/front/packages/ui/src/player/components/scrubber.tsx
+++ b/front/packages/ui/src/player/components/scrubber.tsx
@@ -18,10 +18,10 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { useFetch, QueryIdentifier, imageFn, Chapter } from "@kyoo/models";
+import { useFetch, type QueryIdentifier, imageFn, type Chapter } from "@kyoo/models";
 import { Sprite, P, imageBorderRadius, ts } from "@kyoo/primitives";
 import { View, Platform } from "react-native";
-import { percent, useYoshiki, px, Theme, useForceRerender } from "yoshiki/native";
+import { percent, useYoshiki, px, type Theme, useForceRerender } from "yoshiki/native";
 import { useMemo } from "react";
 import { useAtomValue } from "jotai";
 import { durationAtom } from "../state";
diff --git a/front/packages/ui/src/player/index.tsx b/front/packages/ui/src/player/index.tsx
index 2d697617..25f19139 100644
--- a/front/packages/ui/src/player/index.tsx
+++ b/front/packages/ui/src/player/index.tsx
@@ -19,17 +19,17 @@
  */
 
 import {
-	Episode,
+	type Episode,
 	EpisodeP,
-	Movie,
+	type Movie,
 	MovieP,
-	QueryIdentifier,
-	WatchInfo,
+	type QueryIdentifier,
+	type WatchInfo,
 	WatchInfoP,
 	useFetch,
 } from "@kyoo/models";
 import { Head } from "@kyoo/primitives";
-import { useState, useEffect, ComponentProps } from "react";
+import { useState, useEffect, type ComponentProps } from "react";
 import { Platform, StyleSheet, View } from "react-native";
 import { useTranslation } from "react-i18next";
 import { useRouter } from "solito/router";
diff --git a/front/packages/ui/src/player/keyboard.tsx b/front/packages/ui/src/player/keyboard.tsx
index 89ad5333..f422fa58 100644
--- a/front/packages/ui/src/player/keyboard.tsx
+++ b/front/packages/ui/src/player/keyboard.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Subtitle } from "@kyoo/models";
+import type { Subtitle } from "@kyoo/models";
 import { atom, useSetAtom } from "jotai";
 import { useRouter } from "solito/router";
 import { useEffect } from "react";
diff --git a/front/packages/ui/src/player/state.tsx b/front/packages/ui/src/player/state.tsx
index 8746e478..ba15e01d 100644
--- a/front/packages/ui/src/player/state.tsx
+++ b/front/packages/ui/src/player/state.tsx
@@ -18,11 +18,19 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Audio, Episode, Subtitle, getLocalSetting, useAccount } from "@kyoo/models";
+import { type Audio, type Episode, type Subtitle, getLocalSetting, useAccount } from "@kyoo/models";
 import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
 import { useAtomCallback } from "jotai/utils";
-import { ElementRef, memo, useEffect, useLayoutEffect, useRef, useState, useCallback } from "react";
-import NativeVideo, { VideoProps } from "./video";
+import {
+	type ElementRef,
+	memo,
+	useEffect,
+	useLayoutEffect,
+	useRef,
+	useState,
+	useCallback,
+} from "react";
+import NativeVideo, { type VideoProps } from "./video";
 import { Platform } from "react-native";
 import { useSnackbar } from "@kyoo/primitives";
 import { useTranslation } from "react-i18next";
diff --git a/front/packages/ui/src/player/video.tsx b/front/packages/ui/src/player/video.tsx
index 90356c22..509033f3 100644
--- a/front/packages/ui/src/player/video.tsx
+++ b/front/packages/ui/src/player/video.tsx
@@ -33,14 +33,14 @@ declare module "react-native-video" {
 
 export * from "react-native-video";
 
-import { Audio, Subtitle, useToken } from "@kyoo/models";
-import { IconButton, Menu } from "@kyoo/primitives";
-import { ComponentProps, forwardRef, useEffect } from "react";
+import { type Audio, type Subtitle, useToken } from "@kyoo/models";
+import { type IconButton, Menu } from "@kyoo/primitives";
+import { type ComponentProps, forwardRef, useEffect } from "react";
 import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
 import NativeVideo, {
-	VideoRef,
-	OnLoadData,
-	VideoProps,
+	type VideoRef,
+	type OnLoadData,
+	type VideoProps,
 	SelectedTrackType,
 	SelectedVideoTrackType,
 } from "react-native-video";
diff --git a/front/packages/ui/src/player/video.web.tsx b/front/packages/ui/src/player/video.web.tsx
index 3ea4e125..48f281ee 100644
--- a/front/packages/ui/src/player/video.web.tsx
+++ b/front/packages/ui/src/player/video.web.tsx
@@ -18,22 +18,22 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { getToken, Subtitle, Audio } from "@kyoo/models";
+import { getToken, type Subtitle, type Audio } from "@kyoo/models";
 import {
 	forwardRef,
-	RefObject,
+	type RefObject,
 	useEffect,
 	useImperativeHandle,
 	useLayoutEffect,
 	useRef,
-	ComponentProps,
+	type ComponentProps,
 } from "react";
-import { VideoProps } from "react-native-video";
+import type { VideoProps } from "react-native-video";
 import { useAtomValue, useSetAtom, useAtom } from "jotai";
 import { useForceRerender, useYoshiki } from "yoshiki";
 import Jassub from "jassub";
 import { audioAtom, playAtom, PlayMode, playModeAtom, progressAtom, subtitleAtom } from "./state";
-import Hls, { Level, LoadPolicy } from "hls.js";
+import Hls, { type Level, type LoadPolicy } from "hls.js";
 import { useTranslation } from "react-i18next";
 import { Menu, tooltip } from "@kyoo/primitives";
 import toVttBlob from "srt-webvtt";
diff --git a/front/packages/ui/src/player/watch-status-observer.tsx b/front/packages/ui/src/player/watch-status-observer.tsx
index e8741d16..c2621d4b 100644
--- a/front/packages/ui/src/player/watch-status-observer.tsx
+++ b/front/packages/ui/src/player/watch-status-observer.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { MutationParam, WatchStatusV, useAccount } from "@kyoo/models";
+import { type MutationParam, WatchStatusV, useAccount } from "@kyoo/models";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useEffect, useCallback } from "react";
 import { useAtomValue } from "jotai";
diff --git a/front/packages/ui/src/search/index.tsx b/front/packages/ui/src/search/index.tsx
index 81f93b48..aea0d45a 100644
--- a/front/packages/ui/src/search/index.tsx
+++ b/front/packages/ui/src/search/index.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { LibraryItem, LibraryItemP, QueryIdentifier, QueryPage } from "@kyoo/models";
+import { type LibraryItem, LibraryItemP, type QueryIdentifier, type QueryPage } from "@kyoo/models";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { createParam } from "solito";
diff --git a/front/packages/ui/src/settings/account.tsx b/front/packages/ui/src/settings/account.tsx
index 89bc324e..740c4f9f 100644
--- a/front/packages/ui/src/settings/account.tsx
+++ b/front/packages/ui/src/settings/account.tsx
@@ -18,10 +18,17 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Account, KyooErrors, deleteAccount, logout, queryFn, useAccount } from "@kyoo/models";
+import {
+	type Account,
+	type KyooErrors,
+	deleteAccount,
+	logout,
+	queryFn,
+	useAccount,
+} from "@kyoo/models";
 import { Alert, Avatar, Button, H1, Icon, Input, P, Popup, ts, usePopup } from "@kyoo/primitives";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { ComponentProps, useState } from "react";
+import { type ComponentProps, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { View } from "react-native";
 import { rem, useYoshiki } from "yoshiki/native";
diff --git a/front/packages/ui/src/settings/base.tsx b/front/packages/ui/src/settings/base.tsx
index 4c6cfbe0..0b9f7769 100644
--- a/front/packages/ui/src/settings/base.tsx
+++ b/front/packages/ui/src/settings/base.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { User, queryFn, useAccount } from "@kyoo/models";
+import { type User, queryFn, useAccount } from "@kyoo/models";
 import {
 	Container,
 	H1,
@@ -31,8 +31,8 @@ import {
 	ts,
 } from "@kyoo/primitives";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { Children, ReactElement, ReactNode } from "react";
-import { Falsy, View } from "react-native";
+import { Children, type ReactElement, type ReactNode } from "react";
+import { type Falsy, View } from "react-native";
 import { px, rem, useYoshiki } from "yoshiki/native";
 
 export const Preference = ({
diff --git a/front/packages/ui/src/settings/index.tsx b/front/packages/ui/src/settings/index.tsx
index 3a74f5d0..764124bd 100644
--- a/front/packages/ui/src/settings/index.tsx
+++ b/front/packages/ui/src/settings/index.tsx
@@ -18,7 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { QueryPage, useAccount } from "@kyoo/models";
+import { type QueryPage, useAccount } from "@kyoo/models";
 import { ts } from "@kyoo/primitives";
 import { ScrollView } from "react-native";
 import { DefaultLayout } from "../layout";
diff --git a/front/packages/ui/src/settings/oidc.tsx b/front/packages/ui/src/settings/oidc.tsx
index 7d75180a..6cb9edf4 100644
--- a/front/packages/ui/src/settings/oidc.tsx
+++ b/front/packages/ui/src/settings/oidc.tsx
@@ -19,8 +19,8 @@
  */
 
 import {
-	QueryIdentifier,
-	ServerInfo,
+	type QueryIdentifier,
+	type ServerInfo,
 	ServerInfoP,
 	queryFn,
 	useAccount,
diff --git a/front/packages/ui/src/svg.d.ts b/front/packages/ui/src/svg.d.ts
index 9ad5a8a1..1ec3f0d9 100644
--- a/front/packages/ui/src/svg.d.ts
+++ b/front/packages/ui/src/svg.d.ts
@@ -19,8 +19,8 @@
  */
 
 declare module "*.svg" {
-	import React from "react";
-	import { SvgProps } from "react-native-svg";
+	import type React from "react";
+	import type { SvgProps } from "react-native-svg";
 	const content: React.FC<SvgProps>;
 	export default content;
 }