feat: fix typos and other stuffs

apps/desktop/src/routes/auth/create.tsx

@@ -326,11 +326,12 @@ export function CreateAccountScreen() {
 									Generate Nostr Keys
 								</button>
 								<p className="text-sm text-center text-neutral-500">
-									If you are using this option, please make sure keep your keys
-									in safe place. You{" "}
-									<span className="text-red-600">cannot recover</span> if it
-									lost, all your data will be{" "}
-									<span className="text-red-600">lost forever.</span>
+									If you are using this option, please make sure to store your
+									keys safely. You{" "}
+									<span className="text-red-600">cannot recover</span> them if
+									they're lost, and will be{" "}
+									<span className="text-red-600">unable</span> to access your
+									account.
 								</p>
 							</div>
 						</div>

apps/desktop/src/routes/auth/onboarding.tsx

@@ -194,7 +194,7 @@ export function OnboardingScreen() {
 									</div>
 									<div className="relative flex justify-center">
 										<span className="px-2 text-sm font-medium bg-neutral-950 text-neutral-600">
-											Not have API ?
+											Don't have an API key?
 										</span>
 									</div>
 								</div>

apps/desktop/src/routes/home/index.tsx

@@ -10,7 +10,7 @@ import { useColumnContext } from "@lume/ark";
 import {
 	ArrowLeftIcon,
 	ArrowRightIcon,
-	NewColumnIcon,
+	PlusIcon,
 	PlusSquareIcon,
 } from "@lume/icons";
 import { IColumn } from "@lume/types";
@@ -96,9 +96,9 @@ export function HomeScreen() {
 								content: "",
 							})
 						}
-						className="size-16 inline-flex items-center justify-center rounded-full bg-blue-500 hover:bg-blue-600 text-white"
+						className="size-16 inline-flex items-center justify-center hover:bg-neutral-100 dark:hover:bg-neutral-900 rounded-2xl"
 					>
-						<NewColumnIcon className="size-7" />
+						<PlusIcon className="size-6" />
 					</button>
 				</div>
 			</VList>