fix: resolve build issues and finalize fixes

Complete Toaster and Skeleton components, add loading.tsx
Update development docs for changes and progress.

Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>

components/ui/skeleton.tsx

@@ -1,15 +1,7 @@
+import * as React from "react"
 import { cn } from "@/lib/utils"
 
-function Skeleton({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div
-      className={cn("animate-pulse rounded-md bg-muted", className)}
-      {...props}
-    />
-  )
+export function Skeleton(props: React.HTMLAttributes<HTMLDivElement>) {
+  const { className, ...rest } = props
+  return <div className={cn("animate-pulse rounded-md bg-muted/40", className)} {...rest} />
 }
-
-export { Skeleton }