refactor(playground): rename description to problem and update routes

src/app/(app)/playground/@problem/layout.tsx

@@ -2,11 +2,11 @@ import { FileTextIcon } from "lucide-react";
 import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
-interface DescriptionLayoutProps {
+interface ProblemLayoutProps {
   children: React.ReactNode;
 }
 
-export default function DescriptionLayout({ children }: DescriptionLayoutProps) {
+export default function ProblemLayout({ children }: ProblemLayoutProps) {
   return (
     <Tabs defaultValue="description" className="h-full flex flex-col">
       <ScrollArea className="h-9 flex-none bg-muted px-1">

src/app/(app)/playground/layout.tsx

@@ -5,18 +5,18 @@ import {
 } from "@/components/ui/resizable";
 
 interface PlaygroundLayoutProps {
-  description: React.ReactNode;
+  problem: React.ReactNode;
   workspace: React.ReactNode;
 }
 
 export default function PlaygroundLayout({
-  description,
+  problem,
   workspace,
 }: PlaygroundLayoutProps) {
   return (
     <ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0">
       <ResizablePanel defaultSize={50} className="border border-muted rounded-2xl">
-        {description}
+        {problem}
       </ResizablePanel>
       <ResizableHandle
         withHandle