Fix/UI polish and onboarding

src/common/constant/config.key.ts

@@ -1,4 +1,4 @@
 export enum ConfigKey {
-	VERSION_NAME = 'بادبادک',
+	VERSION_NAME = 'موج',
 	WIG_COIN_ICON = 'https://cdn.widgetify.ir/extension/wig-icon.png',
 }

src/components/UpdateReleaseNotesModal.tsx

@@ -43,7 +43,7 @@ export const UpdateReleaseNotesModal = ({
 		<Modal
 			isOpen={isOpen}
 			onClose={onClose}
-			title={'🪁 بادبادک؛ نسخه جدید ویجتیفای'}
+			title={'🌊 موج؛ آپدیت جدید ویجتیفای'}
 			size="lg"
 			direction="rtl"
 			closeOnBackdropClick={false}
@@ -52,44 +52,53 @@ export const UpdateReleaseNotesModal = ({
 				<div className="pb-2 space-y-4 overflow-y-auto h-110">
 					<div className="relative w-full overflow-hidden border shadow-inner rounded-2xl bg-base-300/20 border-base-300">
 						<img
-							src={'https://cdn.widgetify.ir/extension/badbodak-update.jpg'}
+							src={'https://cdn.widgetify.ir/extension/mooj_update.jpg'}
 							className="object-center w-full max-h-70 rounded-2xl"
 						/>
 					</div>
 
 					<div className="p-2 space-y-1.5 border rounded-2xl bg-base-300/20 border-base-300/10">
 						<div className="flex items-center gap-2">
 							<h3 className="text-sm font-black text-content">
-								بادبادک، پر از بهبودهای دوست‌داشتنی! 🪁
+								موج، روان‌تر از همیشه! 🌊
 							</h3>
 						</div>
 
 						<p className="text-xs leading-6 text-muted">
-							از این نسخه می‌تونی{' '}
+							این بار بیشتر از اضافه کردن قابلیت‌های جدید، تمرکزمان روی{' '}
 							<span className="font-bold text-content">
-								والپیپرهای دلخواهت رو کاملا رایگان از بین عکس‌های خودت
-							</span>
-							؛ بدون هیچ محدودیتی انتخاب کنی!
+								سریع‌تر، روان‌تر و لذت‌بخش‌تر شدن ویجتیفای
+							</span>{' '}
+							بوده تا تجربه بهتری از هر بار باز کردن تب جدید داشته باشی.
 						</p>
 
 						<p className="text-xs leading-6 text-muted">
-							همچنین{' '}
+							از حالا می‌تونی{' '}
 							<span className="font-bold text-content">
-								ظاهر ویجت عادت‌ها (Habit Tracker)
+								بوکمارک‌های مرورگرت رو مستقیما هنگام ساخت بوکمارک درون‌ریزی
+								(import) کنی
+							</span>
+							؛ بدون اینکه لازم باشه دوباره همه چیز رو از اول اضافه کنی.
+						</p>
+						<p className="text-xs leading-6 text-muted">
+							همچنین قابلیت{' '}
+							<span className="font-bold text-content">حالت بهینه</span> هم
+							اضافه شده که می‌تونی از بخش{' '}
+							<span className="font-bold text-content">
+								تنظیمات ← عمومی
 							</span>{' '}
-							بازطراحی شده، ظاهر ساده ویجتیفای بهبود پیدا کرده و عملکرد کلی
-							افزونه هم روان‌تر شده.
+							فعال یا غیرفعالش کنی. با فعال بودن این حالت، انیمیشن‌ها و
+							افکت‌ها کاهش پیدا می‌کنن تا ویجتیفای روان‌تر اجرا بشه.
 						</p>
 
 						<p className="text-xs leading-6 text-muted">
-							علاوه بر این، مشکل نمایش{' '}
+							در کنار این‌ها،{' '}
 							<span className="font-bold text-content">
-								عنوان بوکمارک‌ها
+								بهبودهای ظاهری و بهینه‌سازی‌های متعددی
 							</span>{' '}
-							هم برطرف شده تا تجربه بهتری داشته باشی.
+							انجام شده تا همه چیز مثل یک موج، نرم و بدون وقفه پیش بره 😅
 						</p>
 					</div>
-
 					<div className="flex items-center justify-center gap-2 py-1 text-muted">
 						💙<span className="text-xs">دمت گرم که همراه مایی</span>
 					</div>

src/components/extension-installed-modal.tsx

@@ -38,8 +38,8 @@ const StepOne = ({ onGetStarted }: StepOneProps) => {
 	return (
 		<>
 			<div className="mb-3">
-				<h3 className={'mb-0 text-2xl font-bold text-content'}>
-					به ویجتیفای خوش آمدید! 🎉
+				<h3 className={'text-center text-2xl font-bold text-content'}>
+					به ویجتیفای خوش اومدی!
 				</h3>
 			</div>
 

src/layouts/navbar/navbar.layout.tsx

@@ -159,7 +159,7 @@ export function NavbarLayout(): JSX.Element {
 				className={`fixed z-60 -translate-x-1/2 left-1/2 w-full px-2 md:px-4 lg:px-4 max-w-[1080px] transition-all ease-[cubic-bezier(0.23,1,0.32,1)] 
 					${
 						isVisible
-							? 'bottom-2 opacity-100 scale-100'
+							? 'bottom-1 opacity-100 scale-100'
 							: '-bottom-32 opacity-0 scale-95 pointer-events-none'
 					}`}
 			>

src/layouts/setting/tabs/general/general.tsx

@@ -22,7 +22,7 @@ export function GeneralSettingTab() {
 				size="sm"
 			>
 				<div className="flex">
-					<p className="flex-1 text-sm font-light leading-relaxed text-muted">
+					<p className="flex-1 ml-1 text-sm font-light leading-relaxed text-muted">
 						برای کاهش مصرف منابع، انیمیشن‌ها، حیوان خانگی، ثانیه‌شمار ساعت و
 						برخی افکت‌های بصری غیرفعال می‌شوند.
 					</p>

src/pages/home/home.page.tsx

@@ -39,6 +39,10 @@ const steps: Step[] = [
 				</div>
 			</div>
 		),
+		buttons: ['primary', 'back'],
+		locale: {
+			nextWithProgress: 'مخفی کردم / نبودش',
+		},
 	},
 	{
 		target: '#settings-button',