fix: Announcement is not reflecting the latest announcement (#2477)

# Description

Add a sort logic for product announcements. Remove "Good Night" when the
user logs in at night.

Fixes #2476 [#250](zesty-io/accounts-ui#250)
## Type of change

Please delete options that are not relevant.

- [x] Bug fix (non-breaking change which fixes an issue)

# How Has This Been Tested?

- [x] Manual Test

# Screenshots / Screen recording

Please add screenshots or recording if applicable
Before:

![image](https://github.com/user-attachments/assets/ca977a94-786b-4219-9522-4ecddbbac870)

After:

![image](https://github.com/user-attachments/assets/a76aeac6-8961-4e56-9b16-bba34f2a968a)

src/components/accounts/dashboard/ui/ZInstancesContainer.js

@@ -12,11 +12,9 @@ const ZInstancesContainer = ({
 }) => {
   const dayTime = () => {
     const hour = new Date().getHours();
-    if (hour >= 5 && hour <= 12) return 'Good Morning, ';
+    if (hour >= 0 && hour <= 12) return 'Good Morning, ';
     else if (hour > 12 && hour <= 17) return 'Good Afternoon, ';
-    else if (hour > 17 && hour <= 21) return 'Good Evening, ';
-    else if ((hour > 21 && hour <= 23) || (hour >= 0 && hour <= 4))
-      return 'Good Night, ';
+    else if (hour > 17 && hour <= 23) return 'Good Evening, ';
   };
   return (
     <>

src/pages/login/index.js

@@ -15,7 +15,15 @@ const site = 'https://www.zesty.io';
 
 const Login = (props) => {
   const router = useRouter();
-  const content = props.data.data[0].content;
+  const content =
+    props.data.data
+      .sort(
+        (a, b) =>
+          new Date(b.content.start_date_and_time) -
+          new Date(a.content.start_date_and_time),
+      )
+      .map((item) => item.content)[0] || null;
+
   const loginContent = props.loginData.data[0].content;
   const ogimage = content?.feature_image?.data[0]?.url;