style(library): elevate Library to SaaS Premium standards

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/features/library/components/library-manager/LibraryManagerError.tsx

@@ -12,7 +12,7 @@ export function LibraryManagerError({ message }: LibraryManagerErrorProps) {
   return (
     <Card>
       <CardContent className="pt-6">
-        <div className="text-center text-kodo-red">
+        <div className="text-center text-destructive">
           Error loading library: {message}
         </div>
       </CardContent>

apps/web/src/features/library/pages/LibraryPage.stories.tsx

@@ -13,7 +13,7 @@ const meta: Meta<typeof LibraryPage> = {
     withToast,
     withAudio,
     (Story) => (
-      <div className="bg-kodo-background min-h-screen">
+      <div className="bg-background min-h-screen">
         <Story />
       </div>
     ),