Standardized

src/pages/homepage/Homepage.tsx

@@ -14,7 +14,6 @@ export function Homepage() {
 	const { data: personal, isFetched: personalIsFetched } = useQueryAPI({
 		endpoint: 'api/personalData',
 	});
-	const [personalData, setPersonalData] = useState<any>([]);
 	const {
 		data: messageData,
 		isFetching: isMessagesFetching,
@@ -22,7 +21,21 @@ export function Homepage() {
 	} = useQueryAPI({
 		endpoint: 'api/messages',
 	});
+	const [personalData, setPersonalData] = useState<any>([]);
 	const [messages, setMessages] = useState<any>([]);
+	const [displayedGreeting, setDisplayedGreeting] = useState('');
+	const [weatherModalOpened, { open: openWeatherModal, close: closeWeatherModal }] =
+		useDisclosure(false);
+	const { appFilter, bookmarkFilter, isMobile } = useCommonHooks();
+	const dateOptions: Intl.DateTimeFormatOptions = !isMobile
+		? {
+				weekday: 'long',
+				year: 'numeric',
+				month: 'long',
+				day: 'numeric',
+			}
+		: {};
+	const date = new Date().toLocaleDateString('en-US', dateOptions);
 
 	useEffect(() => {
 		if (messageData && isMessagesFetched) {
@@ -34,21 +47,6 @@ export function Homepage() {
 			setPersonalData(personal);
 		}
 	}, [personal, personalIsFetched]);
-	const [displayedGreeting, setDisplayedGreeting] = useState('');
-	const { appFilter, bookmarkFilter, isMobile } = useCommonHooks();
-
-	const [weatherModalOpened, { open: openWeatherModal, close: closeWeatherModal }] =
-		useDisclosure(false);
-
-	const dateOptions: Intl.DateTimeFormatOptions = !isMobile
-		? {
-				weekday: 'long',
-				year: 'numeric',
-				month: 'long',
-				day: 'numeric',
-			}
-		: {};
-	const date = new Date().toLocaleDateString('en-US', dateOptions);
 
 	useEffect(() => {
 		if (messages && personalData) {