Loader

Size: Customize the loader size with options like sm, md, lg, xl, and more.
Color: The loader color can be customized to match your design (base, primary, secondary, success, warning, danger).
Type: Choose from various loader types like spinner, dots, neon, line, logo, square, letters, or even a bird animation.
Label: Optionally add a label or text that will be displayed alongside the loader.

Built-In Loaders

These are the various loader types provided:

Spinner Loader: A circular spinning loader, ideal for general loading states.
Dots Loader: A series of animated dots that indicate loading.
Neon Loader: A glowing neon-like loading animation.
Line Loader: A simple line animation that indicates progress.
Logo Loader: A loader animation in the shape of a logo.
Square Loader: A square-shaped animation for a modern look.
Letters Loader: A loading animation where the letters animate in and out.
Bird Loader: A unique bird animation loader.

Prop	Type	Default	Description
`size`	`"sm"	"md"	"lg"
`color`	`"base"	"primary"	"secondary"
`type`	`"spinner"	"dots"	"neon"
`label`	`string`	-	Optional text to display next to the loader.
`labelColor`	`string`	-	Optional color for the label text.
`className`	`string`	-	Additional CSS class for custom styling.
`text`	`string`	`"TRAKEN UI"`	Customizable text to display with the loader.