refactor(app): move route screens out of components

Exclude test and spec files from generated barrels so page imports do not load test modules at runtime.

src/app/sidebar/components/index.ts

@@ -3,7 +3,6 @@
  */
 
 export * from "./back-bar";
-export * from "./sidebar-screen";
 export * from "./user-header";
 export * from "./vip-benefits-card";
 export * from "./voice-package-card";

src/app/sidebar/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { SidebarScreen } from "@/app/sidebar/components/sidebar-screen";
+import { SidebarScreen } from "@/app/sidebar/sidebar-screen";
 
 export default function SidebarPage() {
   return <SidebarScreen />;

src/app/sidebar/sidebar-screen.tsx

@@ -3,18 +3,20 @@
 import { useEffect } from "react";
 import { useRouter } from "next/navigation";
 
-import { MobileShell } from "@/app/_components/core/mobile-shell";
-import { SettingsSection } from "@/app/_components/core/settings-section";
+import { MobileShell, SettingsSection } from "@/app/_components/core";
 import { ROUTES } from "@/router/routes";
 import { useAuthDispatch, useAuthState } from "@/stores/auth/auth-context";
 import { useUserDispatch, useUserState } from "@/stores/user/user-context";
 
-import { BackBar } from "./back-bar";
-import { UserHeader, type SidebarUserState } from "./user-header";
-import { VipBenefitsCard } from "./vip-benefits-card";
-import { VoicePackageCard } from "./voice-package-card";
+import {
+  BackBar,
+  UserHeader,
+  type SidebarUserState,
+  VipBenefitsCard,
+  VoicePackageCard,
+} from "./components";
 
-import styles from "./sidebar-screen.module.css";
+import styles from "./components/sidebar-screen.module.css";
 
 const FALLBACK_USERNAME = "User name";