revert changes for new ui

frontend/src/App.tsx

@@ -30,8 +30,32 @@ const RequestLogPage = lazy(() =>
     default: module.RequestLogPage,
   })),
 )
-const StudyPlanBeta = lazy(() =>
-  import('./features/newui').then((module) => ({ default: module.StudyPlanPage })),
+const TestLayout = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestLayout })),
+)
+const TestLanding = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestLanding })),
+)
+const TestCatalog = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestCatalog })),
+)
+const TestPersonal = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestPersonal })),
+)
+const TestProgress = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestProgress })),
+)
+const TestSemesters = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestSemesters })),
+)
+const TestSemesterDetail = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestSemesterDetail })),
+)
+const TestSemesterPlan = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestSemesterPlan })),
+)
+const TestSemesterEditor = lazy(() =>
+  import('./features/test').then((module) => ({ default: module.TestSemesterEditor })),
 )
 
 function RouteFallback() {
@@ -68,7 +92,18 @@ function App() {
                         element={<Navigate to={ROUTES.planner} replace />}
                       />
                     </Route>
-                    <Route path={ROUTES.beta} element={<StudyPlanBeta />} />
+                    <Route path={TEST_ROUTES.root} element={<TestLayout />}>
+                      <Route index element={<TestLanding />} />
+                      <Route path="catalog" element={<TestCatalog />}>
+                        <Route path=":courseId" element={null} />
+                      </Route>
+                      <Route path="personal" element={<TestPersonal />} />
+                      <Route path="personal/progress" element={<TestProgress />} />
+                      <Route path="personal/semesters" element={<TestSemesters />} />
+                      <Route path="personal/semesters/:label" element={<TestSemesterDetail />} />
+                      <Route path="personal/semesters/:label/plan" element={<TestSemesterPlan />} />
+                      <Route path="personal/semesters/:label/editor" element={<TestSemesterEditor />} />
+                    </Route>
                   </Routes>
                 </Suspense>
               </OnboardingProvider>

frontend/src/features/layout/components/TopBar.tsx

@@ -40,15 +40,6 @@ export function TopBar() {
     </a>
   )
 
-  const betaButton = (
-    <Link
-      to={ROUTES.beta}
-      className="flex h-10 items-center justify-center rounded-md border border-white/10 bg-sidebar-hover px-2.5 text-[12px] font-semibold text-white/85 transition-colors hover:text-white sm:px-3"
-    >
-      Test UI
-    </Link>
-  )
-
   const themeToggleButton = (
     <button
       type="button"
@@ -95,8 +86,7 @@ export function TopBar() {
         </Link>
 
         {isMobileNavigation ? (
-          <div className="flex min-w-0 shrink items-center gap-2">
-            {betaButton}
+          <div className="flex items-center gap-2">
             {askGptButton}
             <HelpButton />
             {themeToggleButton}
@@ -140,8 +130,7 @@ export function TopBar() {
               ))}
             </nav>
 
-            <div className="flex min-w-0 shrink items-center gap-2">
-              {betaButton}
+            <div className="flex items-center gap-2">
               {askGptButton}
               <HelpButton />
               {themeToggleButton}