refactor(settings): migrate ProfilePanel to SettingsPanel module

Rename components/profile → components/settings with flattened structure:
- ProfileContent      → ProfileSection
- DocumentsContent    → DocumentsSection
- NotificationsContent → NotificationsSection
- SecurityContent     → SecuritySection

Update all 5 consumer imports (PadTitle, MobilePadTitle, ToolbarDesktop,
HomePage, UserProfileDialog). Replace ILinkItem with LinkItem.
Use rounded-box instead of hardcoded rounded-2xl in modal consumers.

Author: HMarzban

packages/webapp/src/components/TipTap/pad-title-section/MobilePadTitle.tsx

@@ -1,5 +1,5 @@
 import SignInForm from '@components/auth/SignInForm'
-import ProfilePanel from '@components/profile/ProfilePanel'
+import SettingsPanel from '@components/settings/SettingsPanel'
 import ToolbarButton from '@components/TipTap/toolbar/ToolbarButton'
 import { Avatar } from '@components/ui/Avatar'
 import Button from '@components/ui/Button'
@@ -167,9 +167,9 @@ const MobilePadTitle = () => {
 
       {/* Profile Modal */}
       <Modal open={isProfileModalOpen} onOpenChange={setProfileModalOpen}>
-        <ModalContent size={user ? '4xl' : 'md'} className="overflow-hidden rounded-2xl p-0">
+        <ModalContent size={user ? '4xl' : 'md'} className="rounded-box overflow-hidden p-0">
           {user ? (
-            <ProfilePanel onClose={() => setProfileModalOpen(false)} />
+            <SettingsPanel onClose={() => setProfileModalOpen(false)} />
           ) : (
             <div className="w-full p-6 sm:p-8">
               <SignInForm variant="inline" />

packages/webapp/src/components/TipTap/pad-title-section/PadTitle.tsx

@@ -1,5 +1,5 @@
 import SignInForm from '@components/auth/SignInForm'
-import ProfilePanel from '@components/profile/ProfilePanel'
+import SettingsPanel from '@components/settings/SettingsPanel'
 import { Avatar } from '@components/ui/Avatar'
 import Button from '@components/ui/Button'
 import { Modal, ModalContent } from '@components/ui/Dialog'
@@ -148,9 +148,9 @@ const PadTitle = () => {
 
       {/* Profile Modal */}
       <Modal open={isProfileModalOpen} onOpenChange={setProfileModalOpen}>
-        <ModalContent size={user ? '5xl' : 'md'} className="overflow-hidden rounded-2xl p-0">
+        <ModalContent size={user ? '5xl' : 'md'} className="rounded-box overflow-hidden p-0">
           {user ? (
-            <ProfilePanel onClose={() => setProfileModalOpen(false)} />
+            <SettingsPanel onClose={() => setProfileModalOpen(false)} />
           ) : (
             <div className="w-full p-6 sm:p-8">
               <SignInForm variant="inline" />

packages/webapp/src/components/TipTap/toolbar/ToolbarDesktop.tsx

@@ -29,7 +29,7 @@ const InsertMultimediaForm = dynamic(() => import('./InsertMultimediaForm'), {
   loading: () => <Loading />
 })
 
-const ProfilePanel = dynamic(() => import('@components/profile/ProfilePanel'), {
+const SettingsPanel = dynamic(() => import('@components/settings/SettingsPanel'), {
   loading: () => <Loading />
 })
 
@@ -283,8 +283,8 @@ const ToolbarDesktop = () => {
         </div>
       </div>
       <Modal open={isModalOpen} onOpenChange={setModalOpen}>
-        <ModalContent size="4xl" className="overflow-hidden rounded-2xl p-0">
-          <ProfilePanel defaultTab="documents" onClose={() => setModalOpen(false)} />
+        <ModalContent size="4xl" className="rounded-box overflow-hidden p-0">
+          <SettingsPanel defaultTab="documents" onClose={() => setModalOpen(false)} />
         </ModalContent>
       </Modal>
     </>

packages/webapp/src/components/pages/home/HomePage.tsx

@@ -28,7 +28,7 @@ import slugify from 'slugify'
 const SignInForm = dynamic(() => import('@components/auth/SignInForm'), {
   loading: () => <Loading />
 })
-const ProfilePanel = dynamic(() => import('@components/profile/ProfilePanel'), {
+const SettingsPanel = dynamic(() => import('@components/settings/SettingsPanel'), {
   loading: () => <Loading />
 })
 
@@ -290,8 +290,8 @@ const HomePage = ({ hostname }: HomePageProps) => {
       {/* Profile Modal */}
       {user && (
         <Modal open={isProfileOpen} onOpenChange={setIsProfileOpen}>
-          <ModalContent size="4xl" className="overflow-hidden rounded-2xl p-0">
-            <ProfilePanel onClose={() => setIsProfileOpen(false)} />
+          <ModalContent size="4xl" className="rounded-box overflow-hidden p-0">
+            <SettingsPanel onClose={() => setIsProfileOpen(false)} />
           </ModalContent>
         </Modal>
       )}