Removing experimental.serverActions from next.config.js | Adding an i…

…con to notFoundJSX and some style fixes

app/[locale]/members/page.tsx

@@ -10,6 +10,7 @@ import useTextDirection from '@/hooks/useTextDirection';
 import Magnifier from '@/components/SvgCmps/Magnifier';
 import classNames from 'classnames';
 import SkeletonCards from '@/components/Members/Skeleton/SkeletonCards';
+import { MdiAccountSearch } from '@/components/Members/Skeleton/MdiAccountSearch';
 
 const WelcomeMessage = () => {
   const t = useTranslations('Members');
@@ -50,9 +51,12 @@ const MembersPage: React.FC<{}> = ({}) => {
   }, [searchTerm]);
 
   const notFoundJSX = (
-    <p className="mt-8 text-2xl md:text-4xl font-bold text-center text-red-400">
-      {t('noMemberFound')}
-    </p>
+    <div className="mt-8 flex items-center justify-center">
+      <p className="text-2xl md:text-4xl font-bold text-red-400">
+        {t('noMemberFound')}
+      </p>
+      <MdiAccountSearch className="mx-2 mb-1 md:mx-4 w-[24px] md:w-[48px] h-[24px] md:h-[48px] fill-red-400" />
+    </div>
   );
 
   return (

components/Members/Skeleton/MdiAccountSearch.tsx

@@ -0,0 +1,9 @@
+import { SVGProps } from 'react';
+
+export function MdiAccountSearch(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
+      <path d="M15.5 12c2.5 0 4.5 2 4.5 4.5c0 .88-.25 1.71-.69 2.4l3.08 3.1L21 23.39l-3.12-3.07c-.69.43-1.51.68-2.38.68c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5m0 2a2.5 2.5 0 0 0-2.5 2.5a2.5 2.5 0 0 0 2.5 2.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5M10 4a4 4 0 0 1 4 4c0 .91-.31 1.75-.82 2.43c-.86.32-1.63.83-2.27 1.47L10 12a4 4 0 0 1-4-4a4 4 0 0 1 4-4M2 20v-2c0-2.12 3.31-3.86 7.5-4c-.32.78-.5 1.62-.5 2.5c0 1.29.38 2.5 1 3.5z"></path>
+    </svg>
+  );
+}

next.config.js

@@ -4,9 +4,6 @@ const createNextIntlPlugin = require('next-intl/plugin');
 const withNextIntl = createNextIntlPlugin('./app/i18n.ts');
 
 const nextConfig = {
-  experimental: {
-    serverActions: true,
-  },
   eslint: {
     dirs: ['app', 'components'],
   },