fix: Add divider between password and danger zone sections on Profile page

[Copilot]

The Security tab on the Profile page lacked visual separation between the "Update Password" form and the "Danger Zone" (delete account) section, reducing clarity.

Changes

• src/pages/Profile.tsx: Imported the existing Separator component and placed it between the password form and the Danger Zone CardContent:

</Form>

<Separator className="my-6" />

<CardContent>
  <CardTitle>Danger Zone</CardTitle>
  ...
</CardContent>

The Separator renders as a 1px full-width horizontal rule using the bg-border CSS variable, which resolves correctly in both light and dark themes.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>fix: Update UI on Profile 🎨</issue_title>
<issue_description>#### Overview
Improve visual clarity by adding a light gray line between danger zone sections in the profile page.

Todo

• Identify danger zone sections in the profile page layout.
• Add CSS styling for a light gray divider line.
• Ensure divider is responsive across mobile and desktop views.
• Test UI changes in both light mode and dark mode themes.
  </issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes fix: Update UI on Profile 🎨 #18

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[Copilot]

Pull request overview

This PR improves the visual clarity of the Profile → Security tab by adding a horizontal divider between the “Update Password” form and the “Danger Zone” section.

Changes:

• Import the shared Separator UI component.
• Render the Separator between the password form and the Danger Zone section.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

CardContent is currently nested inside another CardContent (the outer one opened above the password form). This results in duplicated padding (p-6 pt-0 applied twice) and makes the Card structure harder to reason about. Consider restructuring so the password form and the Danger Zone are sibling sections (e.g., close the first CardContent before the separator and use a second CardContent, or replace the inner CardContent with a plain div/section).