Fixed

frontend/src/app/credentials/page.jsx

@@ -8,6 +8,7 @@ import SuccessToast from "../components/toast/success/successToast";
 import ActionButton from "../components/actionButton/ActionButton";
 import useIsMobile from "../hooks/useIsMobile";
 import Card from "./card/Card";
+import MobileSearchBar from "../components/mobileSearchBar/MobileSearchBar";
 const CredentialsPage = () => {
   const isMobile = useIsMobile();
   const sampleData = [
@@ -72,11 +73,10 @@ const CredentialsPage = () => {
           />
           {isMobile ? (
             <div className={styles.cardContainer}>
-              <Card />
-              <Card />
-              <Card />
-              <Card />
-              <Card />
+              <MobileSearchBar />
+              {sampleData.map((data, key) => (
+                <Card data={data} key={key} />
+              ))}
             </div>
           ) : (
             <div className={styles.tableContainer}>