feat: 補齊生產管理與進貨單權限、功能實作及 UI 優化

resources/js/Pages/Production/Recipe/Index.tsx

@@ -110,12 +110,14 @@ export default function RecipeIndex({ recipes, filters }: Props) {
                         </p>
                     </div>
                     <div className="flex gap-2">
-                        <Link href={route('recipes.create')}>
-                            <Button className="gap-2 button-filled-primary">
-                                <Plus className="h-4 w-4" />
-                                新增配方
-                            </Button>
-                        </Link>
+                        <Can permission="recipes.create">
+                            <Link href={route('recipes.create')}>
+                                <Button className="gap-2 button-filled-primary">
+                                    <Plus className="h-4 w-4" />
+                                    新增配方
+                                </Button>
+                            </Link>
+                        </Can>
                     </div>
                 </div>