Refactor portfolio admin and views

components/root/contact-protection-form.tsx

@@ -3,6 +3,7 @@
 import { useState } from "react";
 
 import { AppCard } from "@/components/ui/app-card";
+import { Button } from "@/components/ui/button";
 import { CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
@@ -128,6 +129,9 @@ export function ContactProtectionForm({
           </div>
         </CardContent>
       </AppCard>
+      <div className="xl:col-span-2 flex justify-end">
+        <Button type="submit">Save Protection</Button>
+      </div>
     </form>
   );
 }