Bug fixes

src/pages/homepage/components/Applications/Applications.tsx

@@ -19,9 +19,9 @@ function Applications({ contentType }: { contentType: string[] }) {
 					.sort((a: Application, b: Application) => {
 						switch (appSort) {
 							case 'A>Z':
-								return a.name > b.name ? 1 : -1;
+								return a.name.toLocaleLowerCase() > b.name.toLocaleLowerCase() ? 1 : -1;
 							case 'Z>A':
-								return a.name < b.name ? 1 : -1;
+								return a.name.toLocaleLowerCase() < b.name.toLocaleLowerCase() ? 1 : -1;
 							case 'Newest':
 								if (a.id && b.id) {
 									return a.id < b.id ? 1 : -1;

src/pages/homepage/components/Bookmarks/Bookmarks.tsx

@@ -33,9 +33,15 @@ function Bookmarks({ contentType }: { contentType: string[] }) {
 					.sort((a: BookmarkGroup, b: BookmarkGroup) => {
 						switch (bookmarkSort) {
 							case 'A>Z':
-								return a.categoryName > b.categoryName ? 1 : -1;
+								return a.categoryName.toLocaleLowerCase() >
+									b.categoryName.toLocaleLowerCase()
+									? 1
+									: -1;
 							case 'Z>A':
-								return a.categoryName < b.categoryName ? 1 : -1;
+								return a.categoryName.toLocaleLowerCase() <
+									b.categoryName.toLocaleLowerCase()
+									? 1
+									: -1;
 							case 'Newest':
 								if (a.id && b.id) {
 									return a.id < b.id ? 1 : -1;

src/pages/homepage/components/Search/components/RecommendedApplications.tsx

@@ -51,7 +51,7 @@ export default function RecommendedApplications({
 									linksActive={true}
 								/>
 							))
-							.toSorted((a: any, b: any) => (a.key > b.key ? 1 : -1))
+							.toSorted((a: any, b: any) => (a.name > b.name ? 1 : -1))
 							.slice(0, 5)}
 					</Stack>
 				</Group>

src/pages/homepage/components/Search/components/RecommendedBookmarks.tsx

@@ -61,7 +61,7 @@ export default function RecommendedBookmarks({
 									{bookmark.name}
 								</Text>
 							))
-							.toSorted((a: any, b: any) => (a.key > b.key ? 1 : -1))
+							.toSorted((a: any, b: any) => (a.name > b.name ? 1 : -1))
 							.slice(0, 5)}
 					</Stack>
 					<Stack
@@ -88,7 +88,7 @@ export default function RecommendedBookmarks({
 										{bookmark.name}
 									</Text>
 								))
-								.toSorted((a: any, b: any) => (a.key > b.key ? 1 : -1))
+								.toSorted((a: any, b: any) => (a.name > b.name ? 1 : -1))
 								.slice(5, 10)}
 					</Stack>
 				</Group>

src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx

@@ -43,7 +43,8 @@ function DebouncedBookmarkItem({
 		if (groupData) {
 			setGroups(
 				groupData.sort(
-					(a: BookmarkGroup, b: BookmarkGroup) => a.categoryName > b.categoryName,
+					(a: BookmarkGroup, b: BookmarkGroup) =>
+						a.categoryName.toLocaleLowerCase() > b.categoryName.toLocaleLowerCase(),
 				),
 			);
 		}

src/pages/settings/components/Theming/ThemePlaylists/ThemePlaylists.tsx

@@ -257,7 +257,7 @@ export function ThemePlaylists() {
 									{themePlaylists
 										.filter((playlist: ThemePlaylist) => playlist.default === 0)
 										.sort((a: ThemePlaylist, b: ThemePlaylist) =>
-											a.name > b.name ? 1 : -1,
+											a.name.toLocaleLowerCase() > b.name.toLocaleLowerCase() ? 1 : -1,
 										)
 										.map((cardPlaylist: ThemePlaylist) => {
 											return (

src/pages/settings/components/Theming/Themes/Themes.tsx

@@ -77,7 +77,10 @@ export function Themes() {
 
 	useEffect(() => {
 		if (backgroundData && isBackgroundFetched) {
-			setBackgroundList(['None', ...backgroundData]);
+			setBackgroundList([
+				'None',
+				...backgroundData.sort((a: string, b: string) => a.localeCompare(b)),
+			]);
 		}
 	}, [backgroundData, isBackgroundFetched]);