feat: 新增租戶品牌客製化系統（Logo、主色系）、修正 hardcoded 顏色為 CSS 變數

resources/js/Components/ApplicationLogo.tsx

@@ -1,6 +1,22 @@
 import { ImgHTMLAttributes } from 'react';
+import { usePage } from '@inertiajs/react';
+import { PageProps } from '@/types/global';
 
 export default function ApplicationLogo(props: ImgHTMLAttributes<HTMLImageElement>) {
+    const { branding } = usePage<PageProps>().props;
+
+    // 如果有自訂 Logo，優先使用
+    if (branding?.logo_url) {
+        return (
+            <img
+                {...props}
+                src={branding.logo_url}
+                alt="Logo"
+            />
+        );
+    }
+
+    // 預設 Logo
     return (
         <img
             {...props}

resources/js/Components/shared/BreadcrumbNav.tsx

@@ -39,7 +39,7 @@ const BreadcrumbNav = ({ items, className }: BreadcrumbNavProps) => {
                                 <BreadcrumbLink asChild>
                                     <Link
                                         href={item.href}
-                                        className="text-[#01ab83] hover:text-[#018a6a] font-medium transition-colors"
+                                        className="text-primary-main hover:text-primary-dark font-medium transition-colors"
                                     >
                                         {item.label}
                                     </Link>