diff --git a/resources/js/Pages/Auth/ConfirmPassword.jsx b/resources/js/Pages/Auth/ConfirmPassword.jsx
index 60da1b3..0fe100b 100644
--- a/resources/js/Pages/Auth/ConfirmPassword.jsx
+++ b/resources/js/Pages/Auth/ConfirmPassword.jsx
@@ -1,12 +1,10 @@
-import InputError from '@/Components/InputError';
-import InputLabel from '@/Components/InputLabel';
-import PrimaryButton from '@/Components/PrimaryButton';
-import TextInput from '@/Components/TextInput';
+import InputError from '@/components/InputError';
+import PrimaryButton from '@/components/PrimaryButton';
+import TextInput from '@/components/TextInput';
 import GuestLayout from '@/Layouts/GuestLayout';
-import { Head, Link, useForm } from '@inertiajs/react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/Components/ui/card.jsx";
-import { Label } from "@/Components/ui/label.jsx";
-import Checkbox from "@/Components/Checkbox.jsx";
+import { Head, useForm } from '@inertiajs/react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card.jsx";
+import { Label } from "@/components/ui/label.jsx";
 
 export default function ConfirmPassword() {
     const { data, setData, post, processing, errors, reset } = useForm({
diff --git a/resources/js/Pages/Auth/ForgotPassword.jsx b/resources/js/Pages/Auth/ForgotPassword.jsx
index 85d29d2..b52aa7d 100644
--- a/resources/js/Pages/Auth/ForgotPassword.jsx
+++ b/resources/js/Pages/Auth/ForgotPassword.jsx
@@ -1,10 +1,11 @@
-import InputError from '@/Components/InputError';
-import PrimaryButton from '@/Components/PrimaryButton';
-import TextInput from '@/Components/TextInput';
+import InputError from '@/components/InputError';
+import PrimaryButton from '@/components/PrimaryButton';
+import TextInput from '@/components/TextInput';
 import GuestLayout from '@/Layouts/GuestLayout';
+
 import { Head, Link, useForm } from '@inertiajs/react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/Components/ui/card.jsx";
-import { Label } from "@/Components/ui/label.jsx";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card.jsx";
+import { Label } from "@/components/ui/label.jsx";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 
 export default function ForgotPassword({ status }) {
diff --git a/resources/js/Pages/Auth/Login.jsx b/resources/js/Pages/Auth/Login.jsx
index b8b4152..f26823b 100644
--- a/resources/js/Pages/Auth/Login.jsx
+++ b/resources/js/Pages/Auth/Login.jsx
@@ -1,12 +1,12 @@
-import InputError from '@/Components/InputError';
-import Checkbox from '@/Components/Checkbox';
-import PrimaryButton from '@/Components/PrimaryButton';
-import TextInput from '@/Components/TextInput';
+import InputError from '@/components/InputError';
+import Checkbox from '@/components/Checkbox';
+import PrimaryButton from '@/components/PrimaryButton';
+import TextInput from '@/components/TextInput';
 import { Head, Link, useForm } from '@inertiajs/react';
 import { Label } from "@/components/ui/label"
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/Components/ui/card.jsx";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card.jsx";
 import GuestLayout from "@/Layouts/GuestLayout.jsx";
-import { Alert, AlertDescription } from "@/Components/ui/alert.jsx";
+import { Alert, AlertDescription } from "@/components/ui/alert.jsx";
 
 export default function Login({ status, canResetPassword }) {
     const { data, setData, post, processing, errors, reset } = useForm({
diff --git a/resources/js/Pages/Auth/Register.jsx b/resources/js/Pages/Auth/Register.jsx
index 93102e2..0ce434b 100644
--- a/resources/js/Pages/Auth/Register.jsx
+++ b/resources/js/Pages/Auth/Register.jsx
@@ -1,11 +1,10 @@
-import InputError from '@/Components/InputError';
-import PrimaryButton from '@/Components/PrimaryButton';
-import TextInput from '@/Components/TextInput';
+import InputError from '@/components/InputError';
+import PrimaryButton from '@/components/PrimaryButton';
+import TextInput from '@/components/TextInput';
 import GuestLayout from '@/Layouts/GuestLayout';
 import { Head, Link, useForm } from '@inertiajs/react';
-import { Card, CardContent, CardHeader, CardTitle } from "@/Components/ui/card.jsx";
-import { Label } from "@/Components/ui/label.jsx";
-import Checkbox from "@/Components/Checkbox.jsx";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card.jsx";
+import { Label } from "@/components/ui/label.jsx";
 
 export default function Register() {
     const { data, setData, post, processing, errors, reset } = useForm({
diff --git a/resources/js/Pages/Auth/ResetPassword.jsx b/resources/js/Pages/Auth/ResetPassword.jsx
index d8bdf06..7db39ed 100644
--- a/resources/js/Pages/Auth/ResetPassword.jsx
+++ b/resources/js/Pages/Auth/ResetPassword.jsx
@@ -1,10 +1,10 @@
-import InputError from '@/Components/InputError';
-import PrimaryButton from '@/Components/PrimaryButton';
-import TextInput from '@/Components/TextInput';
+import InputError from '@/components/InputError';
+import PrimaryButton from '@/components/PrimaryButton';
+import TextInput from '@/components/TextInput';
 import GuestLayout from '@/Layouts/GuestLayout';
 import { Head, useForm } from '@inertiajs/react';
-import { Card, CardContent, CardHeader, CardTitle } from "@/Components/ui/card.jsx";
-import { Label } from "@/Components/ui/label.jsx";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card.jsx";
+import { Label } from "@/components/ui/label.jsx";
 
 export default function ResetPassword({ token, email }) {
     const { data, setData, post, processing, errors, reset } = useForm({
diff --git a/resources/js/Pages/Auth/VerifyEmail.jsx b/resources/js/Pages/Auth/VerifyEmail.jsx
index d1641df..4959441 100644
--- a/resources/js/Pages/Auth/VerifyEmail.jsx
+++ b/resources/js/Pages/Auth/VerifyEmail.jsx
@@ -1,4 +1,4 @@
-import PrimaryButton from '@/Components/PrimaryButton';
+import PrimaryButton from '@/components/PrimaryButton';
 import GuestLayout from '@/Layouts/GuestLayout';
 import { Head, Link, useForm } from '@inertiajs/react';
 
diff --git a/resources/js/Pages/Comic/Chapters.jsx b/resources/js/Pages/Comic/Chapters.jsx
index d13cb6e..46efb0e 100644
--- a/resources/js/Pages/Comic/Chapters.jsx
+++ b/resources/js/Pages/Comic/Chapters.jsx
@@ -10,7 +10,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { useToast } from '@/hooks/use-toast';
-import { Badge } from "@/Components/ui/badge.jsx";
+import { Badge } from "@/components/ui/badge.jsx";
 
 export default function Chapters({ auth, comic, chapters }) {
 
diff --git a/resources/js/Pages/Comic/Read.jsx b/resources/js/Pages/Comic/Read.jsx
index 5d87e7f..f0ad196 100644
--- a/resources/js/Pages/Comic/Read.jsx
+++ b/resources/js/Pages/Comic/Read.jsx
@@ -1,14 +1,14 @@
 import { Head, Link, router } from '@inertiajs/react';
 import AppLayout from '@/Layouts/AppLayout.jsx';
 import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from "@/Components/ui/breadcrumb.jsx";
-import { Button } from "@/Components/ui/button.jsx";
+import { BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from "@/components/ui/breadcrumb.jsx";
+import { Button } from "@/components/ui/button.jsx";
 import { ChevronFirst, ChevronLast, Rows3, Settings } from "lucide-react";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog";
-import PrimaryButton from "@/Components/PrimaryButton.jsx";
+import PrimaryButton from "@/components/PrimaryButton.jsx";
 import { Switch } from "@/components/ui/switch";
 import { Tooltip, TooltipProvider, TooltipTrigger } from "@radix-ui/react-tooltip";
-import { TooltipContent } from "@/Components/ui/tooltip.jsx";
+import { TooltipContent } from "@/components/ui/tooltip.jsx";
 import { throttle } from "lodash";
 
 export default function Read({ auth, comic, chapter }) {
diff --git a/resources/js/Pages/Profile/Edit.jsx b/resources/js/Pages/Profile/Edit.jsx
index 0b327d5..8c00443 100644
--- a/resources/js/Pages/Profile/Edit.jsx
+++ b/resources/js/Pages/Profile/Edit.jsx
@@ -3,7 +3,7 @@ import DeleteUserForm from './Partials/DeleteUserForm';
 import UpdatePasswordForm from './Partials/UpdatePasswordForm';
 import UpdateProfileInformationForm from './Partials/UpdateProfileInformationForm';
 import AppLayout from "@/Layouts/AppLayout.jsx";
-import { BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from "@/Components/ui/breadcrumb.jsx";
+import { BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from "@/components/ui/breadcrumb.jsx";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 
 export default function Edit({ auth, mustVerifyEmail, status }) {
diff --git a/resources/js/Pages/Profile/Partials/DeleteUserForm.jsx b/resources/js/Pages/Profile/Partials/DeleteUserForm.jsx
index 6f98ee1..08f597c 100644
--- a/resources/js/Pages/Profile/Partials/DeleteUserForm.jsx
+++ b/resources/js/Pages/Profile/Partials/DeleteUserForm.jsx
@@ -1,7 +1,7 @@
-import DangerButton from '@/Components/DangerButton';
-import InputError from '@/Components/InputError';
-import SecondaryButton from '@/Components/SecondaryButton';
-import TextInput from '@/Components/TextInput';
+import DangerButton from '@/components/DangerButton';
+import InputError from '@/components/InputError';
+import SecondaryButton from '@/components/SecondaryButton';
+import TextInput from '@/components/TextInput';
 import { useForm } from '@inertiajs/react';
 import { useRef, useState } from 'react';
 import {
@@ -12,7 +12,7 @@ import {
     DialogTitle,
     DialogTrigger,
 } from "@/components/ui/dialog"
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/Components/ui/card.jsx";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card.jsx";
 
 export default function DeleteUserForm({ className = '' }) {
     const passwordInput = useRef();
diff --git a/resources/js/Pages/Profile/Partials/UpdatePasswordForm.jsx b/resources/js/Pages/Profile/Partials/UpdatePasswordForm.jsx
index 634c68e..3e03496 100644
--- a/resources/js/Pages/Profile/Partials/UpdatePasswordForm.jsx
+++ b/resources/js/Pages/Profile/Partials/UpdatePasswordForm.jsx
@@ -1,11 +1,11 @@
-import InputError from '@/Components/InputError';
-import InputLabel from '@/Components/InputLabel';
-import PrimaryButton from '@/Components/PrimaryButton';
-import TextInput from '@/Components/TextInput';
+import InputError from '@/components/InputError';
+import InputLabel from '@/components/InputLabel';
+import PrimaryButton from '@/components/PrimaryButton';
+import TextInput from '@/components/TextInput';
 import { Transition } from '@headlessui/react';
 import { useForm } from '@inertiajs/react';
 import { useRef } from 'react';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/Components/ui/card.jsx";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card.jsx";
 
 export default function UpdatePasswordForm({ className = '' }) {
     const passwordInput = useRef();
diff --git a/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.jsx b/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.jsx
index 91edaab..233d527 100644
--- a/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.jsx
+++ b/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.jsx
@@ -1,7 +1,7 @@
-import InputError from '@/Components/InputError';
-import InputLabel from '@/Components/InputLabel';
-import PrimaryButton from '@/Components/PrimaryButton';
-import TextInput from '@/Components/TextInput';
+import InputError from '@/components/InputError';
+import InputLabel from '@/components/InputLabel';
+import PrimaryButton from '@/components/PrimaryButton';
+import TextInput from '@/components/TextInput';
 import { Transition } from '@headlessui/react';
 import { Link, useForm, usePage } from '@inertiajs/react';
 import {
diff --git a/resources/js/Components/ApplicationLogo.jsx b/resources/js/components/ApplicationLogo.jsx
similarity index 100%
rename from resources/js/Components/ApplicationLogo.jsx
rename to resources/js/components/ApplicationLogo.jsx
diff --git a/resources/js/Components/Checkbox.jsx b/resources/js/components/Checkbox.jsx
similarity index 100%
rename from resources/js/Components/Checkbox.jsx
rename to resources/js/components/Checkbox.jsx
diff --git a/resources/js/Components/DangerButton.jsx b/resources/js/components/DangerButton.jsx
similarity index 100%
rename from resources/js/Components/DangerButton.jsx
rename to resources/js/components/DangerButton.jsx
diff --git a/resources/js/Components/Dropdown.jsx b/resources/js/components/Dropdown.jsx
similarity index 100%
rename from resources/js/Components/Dropdown.jsx
rename to resources/js/components/Dropdown.jsx
diff --git a/resources/js/Components/InputError.jsx b/resources/js/components/InputError.jsx
similarity index 100%
rename from resources/js/Components/InputError.jsx
rename to resources/js/components/InputError.jsx
diff --git a/resources/js/Components/InputLabel.jsx b/resources/js/components/InputLabel.jsx
similarity index 100%
rename from resources/js/Components/InputLabel.jsx
rename to resources/js/components/InputLabel.jsx
diff --git a/resources/js/Components/Modal.jsx b/resources/js/components/Modal.jsx
similarity index 100%
rename from resources/js/Components/Modal.jsx
rename to resources/js/components/Modal.jsx
diff --git a/resources/js/Components/NavLink.jsx b/resources/js/components/NavLink.jsx
similarity index 100%
rename from resources/js/Components/NavLink.jsx
rename to resources/js/components/NavLink.jsx
diff --git a/resources/js/Components/PrimaryButton.jsx b/resources/js/components/PrimaryButton.jsx
similarity index 100%
rename from resources/js/Components/PrimaryButton.jsx
rename to resources/js/components/PrimaryButton.jsx
diff --git a/resources/js/Components/ResponsiveNavLink.jsx b/resources/js/components/ResponsiveNavLink.jsx
similarity index 100%
rename from resources/js/Components/ResponsiveNavLink.jsx
rename to resources/js/components/ResponsiveNavLink.jsx
diff --git a/resources/js/Components/SecondaryButton.jsx b/resources/js/components/SecondaryButton.jsx
similarity index 100%
rename from resources/js/Components/SecondaryButton.jsx
rename to resources/js/components/SecondaryButton.jsx
diff --git a/resources/js/Components/TextInput.jsx b/resources/js/components/TextInput.jsx
similarity index 100%
rename from resources/js/Components/TextInput.jsx
rename to resources/js/components/TextInput.jsx
diff --git a/resources/js/Components/ThemeProvider.tsx b/resources/js/components/ThemeProvider.tsx
similarity index 100%
rename from resources/js/Components/ThemeProvider.tsx
rename to resources/js/components/ThemeProvider.tsx
diff --git a/resources/js/Components/ui/alert.jsx b/resources/js/components/ui/alert.jsx
similarity index 100%
rename from resources/js/Components/ui/alert.jsx
rename to resources/js/components/ui/alert.jsx
diff --git a/resources/js/Components/ui/app-sidebar.jsx b/resources/js/components/ui/app-sidebar.jsx
similarity index 100%
rename from resources/js/Components/ui/app-sidebar.jsx
rename to resources/js/components/ui/app-sidebar.jsx
diff --git a/resources/js/Components/ui/avatar.jsx b/resources/js/components/ui/avatar.jsx
similarity index 100%
rename from resources/js/Components/ui/avatar.jsx
rename to resources/js/components/ui/avatar.jsx
diff --git a/resources/js/Components/ui/badge.jsx b/resources/js/components/ui/badge.jsx
similarity index 100%
rename from resources/js/Components/ui/badge.jsx
rename to resources/js/components/ui/badge.jsx
diff --git a/resources/js/Components/ui/breadcrumb.jsx b/resources/js/components/ui/breadcrumb.jsx
similarity index 100%
rename from resources/js/Components/ui/breadcrumb.jsx
rename to resources/js/components/ui/breadcrumb.jsx
diff --git a/resources/js/Components/ui/button.jsx b/resources/js/components/ui/button.jsx
similarity index 100%
rename from resources/js/Components/ui/button.jsx
rename to resources/js/components/ui/button.jsx
diff --git a/resources/js/Components/ui/card.jsx b/resources/js/components/ui/card.jsx
similarity index 100%
rename from resources/js/Components/ui/card.jsx
rename to resources/js/components/ui/card.jsx
diff --git a/resources/js/Components/ui/checkbox.jsx b/resources/js/components/ui/checkbox.jsx
similarity index 100%
rename from resources/js/Components/ui/checkbox.jsx
rename to resources/js/components/ui/checkbox.jsx
diff --git a/resources/js/Components/ui/collapsible.jsx b/resources/js/components/ui/collapsible.jsx
similarity index 100%
rename from resources/js/Components/ui/collapsible.jsx
rename to resources/js/components/ui/collapsible.jsx
diff --git a/resources/js/Components/ui/dialog.jsx b/resources/js/components/ui/dialog.jsx
similarity index 100%
rename from resources/js/Components/ui/dialog.jsx
rename to resources/js/components/ui/dialog.jsx
diff --git a/resources/js/Components/ui/dropdown-menu.jsx b/resources/js/components/ui/dropdown-menu.jsx
similarity index 100%
rename from resources/js/Components/ui/dropdown-menu.jsx
rename to resources/js/components/ui/dropdown-menu.jsx
diff --git a/resources/js/Components/ui/form.jsx b/resources/js/components/ui/form.jsx
similarity index 100%
rename from resources/js/Components/ui/form.jsx
rename to resources/js/components/ui/form.jsx
diff --git a/resources/js/Components/ui/input.jsx b/resources/js/components/ui/input.jsx
similarity index 100%
rename from resources/js/Components/ui/input.jsx
rename to resources/js/components/ui/input.jsx
diff --git a/resources/js/Components/ui/label.jsx b/resources/js/components/ui/label.jsx
similarity index 100%
rename from resources/js/Components/ui/label.jsx
rename to resources/js/components/ui/label.jsx
diff --git a/resources/js/Components/ui/pagination.jsx b/resources/js/components/ui/pagination.jsx
similarity index 100%
rename from resources/js/Components/ui/pagination.jsx
rename to resources/js/components/ui/pagination.jsx
diff --git a/resources/js/Components/ui/separator.jsx b/resources/js/components/ui/separator.jsx
similarity index 100%
rename from resources/js/Components/ui/separator.jsx
rename to resources/js/components/ui/separator.jsx
diff --git a/resources/js/Components/ui/sheet.jsx b/resources/js/components/ui/sheet.jsx
similarity index 100%
rename from resources/js/Components/ui/sheet.jsx
rename to resources/js/components/ui/sheet.jsx
diff --git a/resources/js/Components/ui/sidebar.jsx b/resources/js/components/ui/sidebar.jsx
similarity index 100%
rename from resources/js/Components/ui/sidebar.jsx
rename to resources/js/components/ui/sidebar.jsx
diff --git a/resources/js/Components/ui/skeleton.jsx b/resources/js/components/ui/skeleton.jsx
similarity index 100%
rename from resources/js/Components/ui/skeleton.jsx
rename to resources/js/components/ui/skeleton.jsx
diff --git a/resources/js/Components/ui/switch.jsx b/resources/js/components/ui/switch.jsx
similarity index 100%
rename from resources/js/Components/ui/switch.jsx
rename to resources/js/components/ui/switch.jsx
diff --git a/resources/js/Components/ui/table.jsx b/resources/js/components/ui/table.jsx
similarity index 100%
rename from resources/js/Components/ui/table.jsx
rename to resources/js/components/ui/table.jsx
diff --git a/resources/js/Components/ui/tabs.jsx b/resources/js/components/ui/tabs.jsx
similarity index 100%
rename from resources/js/Components/ui/tabs.jsx
rename to resources/js/components/ui/tabs.jsx
diff --git a/resources/js/Components/ui/toast.jsx b/resources/js/components/ui/toast.jsx
similarity index 100%
rename from resources/js/Components/ui/toast.jsx
rename to resources/js/components/ui/toast.jsx
diff --git a/resources/js/Components/ui/toaster.jsx b/resources/js/components/ui/toaster.jsx
similarity index 100%
rename from resources/js/Components/ui/toaster.jsx
rename to resources/js/components/ui/toaster.jsx
diff --git a/resources/js/Components/ui/tooltip.jsx b/resources/js/components/ui/tooltip.jsx
similarity index 100%
rename from resources/js/Components/ui/tooltip.jsx
rename to resources/js/components/ui/tooltip.jsx