feat: no data states

Author: nevo-david

apps/frontend/src/components/new-layout/layout.media.component.tsx

@@ -4,6 +4,8 @@ import { MediaBox } from '@gitroom/frontend/components/media/media.component';
 
 export const MediaLayoutComponent = () => {
   return (
-    <MediaBox setMedia={() => {}} closeModal={() => {}} standalone={true} />
-  )
-}
+    <div className="bg-newBgColorInner p-[20px] flex flex-1 flex-col gap-[15px] transition-all">
+      <MediaBox setMedia={() => {}} closeModal={() => {}} standalone={true} />
+    </div>
+  );
+};

apps/frontend/src/components/platform-analytics/platform.analytics.tsx

@@ -127,7 +127,7 @@ export const PlatformAnalytics = () => {
   }
   if (!sortedIntegrations.length && !isLoading) {
     return (
-      <div className="flex flex-col items-center mt-[100px] gap-[27px] text-center">
+      <div className="bg-newBgColorInner p-[20px] flex flex-col gap-[15px] transition-all flex-1 justify-center items-center text-center">
         <div>
           <img src="/peoplemarketplace.svg" />
         </div>

apps/frontend/src/components/plugs/plugs.tsx

@@ -75,7 +75,7 @@ export const Plugs = () => {
   }
   if (!sortedIntegrations.length && !isLoading) {
     return (
-      <div className="flex flex-col items-center mt-[100px] gap-[27px] text-center">
+      <div className="bg-newBgColorInner p-[20px] flex flex-1 flex-col gap-[15px] transition-all items-center justify-center">
         <div>
           <img src="/peoplemarketplace.svg" />
         </div>