small ui changes

src/pages/SettingsPage.tsx

@@ -63,6 +63,7 @@ export default function SettingsPage() {
       clearPendingTourStep()
       continueTourOnSettings()
     }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   const handleSeeTutorial = () => {
@@ -205,7 +206,7 @@ export default function SettingsPage() {
 
       <main className="settings-container">
         {/* Profile Section */}
-        <div className="settings-profile">
+        <div id="tour-edit-profile" className="settings-profile">
           <div className="settings-avatar">
             {photoURL ? (
               <img src={photoURL} alt={displayName} className="settings-avatar-img" />
@@ -382,7 +383,12 @@ export default function SettingsPage() {
         </button>
 
         {/* Version */}
-        <p className="settings-version">VERSION 1.0.2</p>
+        {/* <p className="settings-version">VERSION 1.0.2</p> */}
+        <p className="settings-enc"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                  <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
+                  <path d="M7 11V7a5 5 0 0 1 10 0v4" />
+                </svg>
+                End-to-end Encrypted</p>
       </main>
 
       {/* Clear Data Confirmation Modal */}