@@ -364,7 +364,7 @@ const Settings: React.FC = () => {
364364 { /* Profile Details Group */ }
365365 < div >
366366 < h2 className = "text-xl font-semibold theme-text-primary mb-4 flex items-center gap-2" >
367- < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" className = "lucide lucide-user-round-pen-icon lucide-user-round-pen" > < path d = "M2 21a8 8 0 0 1 10.821-7.487" /> < path d = "M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" /> < circle cx = "10" cy = "8" r = "5" /> </ svg >
367+ < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" className = "lucide lucide-user-round-pen-icon lucide-user-round-pen" > < path d = "M2 21a8 8 0 0 1 10.821-7.487" /> < path d = "M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" /> < circle cx = "10" cy = "8" r = "5" /> </ svg >
368368 { t ( 'settings.profileDetails' ) || 'Profile Details' }
369369 </ h2 >
370370 < div className = "grid gap-6 md:grid-cols-2" >
@@ -398,7 +398,7 @@ const Settings: React.FC = () => {
398398 { /* Content & Safety Group */ }
399399 < div className = "pt-6 border-t theme-border" >
400400 < h2 className = "text-xl font-semibold theme-text-primary mb-4 flex items-center gap-2" >
401- < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" className = "lucide lucide-table-of-contents-icon lucide-table-of-contents" > < path d = "M16 5H3" /> < path d = "M16 12H3" /> < path d = "M16 19H3" /> < path d = "M21 5h.01" /> < path d = "M21 12h.01" /> < path d = "M21 19h.01" /> </ svg >
401+ < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" className = "lucide lucide-table-of-contents-icon lucide-table-of-contents" > < path d = "M16 5H3" /> < path d = "M16 12H3" /> < path d = "M16 19H3" /> < path d = "M21 5h.01" /> < path d = "M21 12h.01" /> < path d = "M21 19h.01" /> </ svg >
402402 { t ( 'settings.contentAndSafety' ) || 'Content & Safety' }
403403 </ h2 >
404404 < div id = "content-safety-group" className = "grid gap-4 md:grid-cols-2 lg:grid-cols-2" >
@@ -471,7 +471,7 @@ const Settings: React.FC = () => {
471471 { /* Danger Zone Group */ }
472472 < div className = "pt-6 border-t theme-border" >
473473 < h2 className = "text-xl font-semibold text-red-600 dark:text-red-400 mb-4 flex items-center gap-2" >
474- < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" className = "lucide lucide-triangle-alert-icon lucide-triangle-alert" > < path d = "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" /> < path d = "M12 9v4" /> < path d = "M12 17h.01" /> </ svg >
474+ < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" className = "lucide lucide-triangle-alert-icon lucide-triangle-alert" > < path d = "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" /> < path d = "M12 9v4" /> < path d = "M12 17h.01" /> </ svg >
475475 { t ( 'settings.dangerZone' ) }
476476 </ h2 >
477477
@@ -518,7 +518,7 @@ const Settings: React.FC = () => {
518518 < div className = "space-y-6" >
519519 < div >
520520 < h2 className = "text-xl font-semibold theme-text-primary mb-2 flex items-center gap-2" >
521- < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" className = "lucide lucide-hat-glasses-icon lucide-hat-glasses" > < path d = "M14 18a2 2 0 0 0-4 0" /> < path d = "m19 11-2.11-6.657a2 2 0 0 0-2.752-1.148l-1.276.61A2 2 0 0 1 12 4H8.5a2 2 0 0 0-1.925 1.456L5 11" /> < path d = "M2 11h20" /> < circle cx = "17" cy = "18" r = "3" /> < circle cx = "7" cy = "18" r = "3" /> </ svg >
521+ < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" className = "lucide lucide-hat-glasses-icon lucide-hat-glasses" > < path d = "M14 18a2 2 0 0 0-4 0" /> < path d = "m19 11-2.11-6.657a2 2 0 0 0-2.752-1.148l-1.276.61A2 2 0 0 1 12 4H8.5a2 2 0 0 0-1.925 1.456L5 11" /> < path d = "M2 11h20" /> < circle cx = "17" cy = "18" r = "3" /> < circle cx = "7" cy = "18" r = "3" /> </ svg >
522522 { t ( 'settings.anonymousIdentities' ) || 'Anonymous Identities' }
523523 </ h2 >
524524 < p className = "text-sm theme-text-secondary mb-6" >
@@ -623,7 +623,7 @@ const Settings: React.FC = () => {
623623 < div className = "space-y-6" >
624624 < div >
625625 < h2 className = "text-xl font-semibold theme-text-primary mb-4 flex items-center gap-2" >
626- < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" className = "lucide lucide-palette-icon lucide-palette" > < path d = "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z" /> < circle cx = "13.5" cy = "6.5" r = ".5" fill = "currentColor" /> < circle cx = "17.5" cy = "10.5" r = ".5" fill = "currentColor" /> < circle cx = "6.5" cy = "12.5" r = ".5" fill = "currentColor" /> < circle cx = "8.5" cy = "7.5" r = ".5" fill = "currentColor" /> </ svg >
626+ < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" className = "lucide lucide-palette-icon lucide-palette" > < path d = "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z" /> < circle cx = "13.5" cy = "6.5" r = ".5" fill = "currentColor" /> < circle cx = "17.5" cy = "10.5" r = ".5" fill = "currentColor" /> < circle cx = "6.5" cy = "12.5" r = ".5" fill = "currentColor" /> < circle cx = "8.5" cy = "7.5" r = ".5" fill = "currentColor" /> </ svg >
627627 { t ( 'settings.appearance' ) }
628628 </ h2 >
629629 < div className = "space-y-4" >
@@ -673,7 +673,7 @@ const Settings: React.FC = () => {
673673
674674 < div className = "pt-4 border-t theme-border" >
675675 < h2 className = "text-xl font-semibold theme-text-primary mb-4 flex items-center gap-2" >
676- < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" className = "lucide lucide-bell-icon lucide-bell" > < path d = "M10.268 21a2 2 0 0 0 3.464 0" /> < path d = "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" /> </ svg >
676+ < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" className = "lucide lucide-bell-icon lucide-bell" > < path d = "M10.268 21a2 2 0 0 0 3.464 0" /> < path d = "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" /> </ svg >
677677 { t ( 'settings.notifications' ) }
678678 </ h2 >
679679 < div className = "space-y-3" >
@@ -758,7 +758,7 @@ const Settings: React.FC = () => {
758758 < div className = "space-y-6" >
759759 < div >
760760 < h2 className = "text-xl font-semibold theme-text-primary mb-4 flex items-center gap-2" >
761- < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" className = "lucide lucide-shield-check-icon lucide-shield-check" > < path d = "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" /> < path d = "m9 12 2 2 4-4" /> </ svg >
761+ < svg xmlns = "http://www.w3.org/2000/svg" width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" className = "lucide lucide-shield-check-icon lucide-shield-check" > < path d = "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" /> < path d = "m9 12 2 2 4-4" /> </ svg >
762762 { t ( 'settings.privacy' ) }
763763 </ h2 >
764764 < div className = "space-y-4" >
@@ -794,7 +794,7 @@ const Settings: React.FC = () => {
794794
795795 < div className = "p-4 theme-bg-tertiary rounded-lg" >
796796 < h4 className = "font-medium theme-text-primary mb-2 flex items-center gap-2" >
797- < svg xmlns = "http://www.w3.org/2000/svg" width = "20" height = "17" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke-width = "2" stroke-linecap = "round" stroke-linejoin = "round" className = "lucide lucide-database-icon lucide-database" > < ellipse cx = "12" cy = "5" rx = "9" ry = "3" /> < path d = "M3 5V19A9 3 0 0 0 21 19V5" /> < path d = "M3 12A9 3 0 0 0 21 12" /> </ svg >
797+ < svg xmlns = "http://www.w3.org/2000/svg" width = "20" height = "17" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" className = "lucide lucide-database-icon lucide-database" > < ellipse cx = "12" cy = "5" rx = "9" ry = "3" /> < path d = "M3 5V19A9 3 0 0 0 21 19V5" /> < path d = "M3 12A9 3 0 0 0 21 12" /> </ svg >
798798 { t ( 'settings.dataPrivacy' ) }
799799 </ h4 >
800800 < p className = "text-sm theme-text-secondary" >
0 commit comments