uniform import style

src/app/(app)/intro.tsx

@@ -15,6 +15,7 @@ import {
     useSVG,
     vec,
 } from "@shopify/react-native-skia";
+import { router } from "expo-router";
 import React from "react";
 import { View, useWindowDimensions } from "react-native";
 import {
@@ -27,10 +28,9 @@ import {
     withSpring,
     withTiming,
 } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { palette, sharedStyles as ss } from "@/src/styles";
-import { router } from "expo-router";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 function Orb({ cx, cy, r }: { cx: number; cy: number; r: number }) {
     const win = useWindowDimensions();

src/app/(app)/onboarding.tsx

@@ -1,3 +1,4 @@
+import AsyncStorage from "@react-native-async-storage/async-storage";
 import {
     Canvas,
     Circle,
@@ -16,30 +17,29 @@ import {
     vec,
 } from "@shopify/react-native-skia";
 import * as Notifications from "expo-notifications";
+import { router } from "expo-router";
+import React from "react";
 import { useTranslation } from "react-i18next";
 import { BackHandler, useWindowDimensions } from "react-native";
+import {
+    Gesture,
+    GestureDetector,
+    GestureHandlerRootView,
+} from "react-native-gesture-handler";
 import Animated, {
     runOnJS,
     useDerivedValue,
     useSharedValue,
     withTiming,
 } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { drawBigFont } from "@/src/common/utils";
 import { useNotificationsPermissions } from "@/src/components/NotificationsStatus";
 import { PrivacyPolicyLink } from "@/src/components/PrivacyPolicyLink";
 import { SafeAreaView } from "@/src/components/SafeAreaView";
 import { OnboardingScene } from "@/src/components/canvas/OnboardingScene";
 import { fonts, palette, sharedStyles as ss } from "@/src/styles";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import { router } from "expo-router";
-import React from "react";
-import {
-    Gesture,
-    GestureDetector,
-    GestureHandlerRootView,
-} from "react-native-gesture-handler";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 export default function OnboardingScreen() {
     const win = useWindowDimensions();

src/components/canvas/Chains.tsx

@@ -1,4 +1,5 @@
 import { Group, Path, fitbox, rect } from "@shopify/react-native-skia";
+import React from "react";
 import {
     Easing,
     SharedValue,
@@ -13,7 +14,6 @@ import {
 } from "react-native-reanimated";
 
 import { palette } from "@/src/styles";
-import React from "react";
 
 export function Chains({
     size,

src/components/canvas/OnboardingScene.tsx

@@ -3,7 +3,7 @@ import { SharedValue } from "react-native-reanimated";
 
 import { Chains } from "@/src/components/canvas/Chains";
 import { FlexibleOrb } from "@/src/components/canvas/FlexibleOrb";
-import { Phone } from "./Phone";
+import { Phone } from "@/src/components/canvas/Phone";
 
 interface OnboardingSceneProps {
     currentView: SharedValue<number>;

src/components/canvas/Phone.tsx

@@ -24,7 +24,8 @@ import {
     withTiming,
 } from "react-native-reanimated";
 import { SharedValue } from "react-native-reanimated/lib/typescript/Animated";
-import { ConduitConnectionLight } from "./ConduitConnectionLight";
+
+import { ConduitConnectionLight } from "@/src/components/canvas/ConduitConnectionLight";
 
 interface PhoneProps {
     currentView: SharedValue<number>;