wip: cross platform ui

src/app/notifications/index.tsx

@@ -41,12 +41,12 @@ export function NotificationScreen() {
   );
 
   return (
-    <div className="scrollbar-hide h-full w-full overflow-y-auto bg-white/10">
-      <div className="grid grid-cols-3">
+    <div className="scrollbar-hide h-full w-full overflow-y-auto bg-white/10 backdrop-blur-xl">
+      <div className="grid h-full grid-cols-3">
         <div className="col-span-2 flex flex-col border-r border-white/5">
           <TitleBar title="Activities in the last 24 hours" />
           <div className="flex h-full flex-col gap-1.5">
-            <div className="flex flex-col">
+            <div className="flex h-full flex-col">
               {status === 'loading' ? (
                 <div className="flex h-full w-full items-center justify-center">
                   <div className="flex flex-col items-center gap-1.5">
@@ -58,7 +58,7 @@ export function NotificationScreen() {
                 <div className="flex h-full w-full flex-col items-center justify-center">
                   <p className="mb-1 text-4xl">🎉</p>
                   <p className="font-medium text-white/50">
-                    Yo!, you&apos;ve no new activities
+                    Yo!, no new activities around you in the last 24 hours
                   </p>
                 </div>
               ) : (