feature/IO-3499-React-19: Some more missing <Cards> and a missing message -> title

client/src/components/shop-csi-config/shop-csi-config.component.jsx

@@ -1,6 +1,6 @@
 import { CheckCircleFilled } from "@ant-design/icons";
 import { useQuery } from "@apollo/client/react";
-import { Button, Col, List, Row } from "antd";
+import { Button, Card, Col, List, Row } from "antd";
 import { useState } from "react";
 
 import { useTranslation } from "react-i18next";
@@ -21,7 +21,7 @@ export default function ShopCsiConfig() {
   if (loading) return <LoadingSpinner />;
   if (error) return <AlertComponent title={error.message} type="error" />;
   return (
-    <div>
+    <Card>
       <Row>
         <Col span={3}>
           <List
@@ -41,6 +41,6 @@ export default function ShopCsiConfig() {
           <ShopCsiConfigForm selectedCsi={selectedCsi} />
         </Col>
       </Row>
-    </div>
+    </Card>
   );
 }

client/src/components/shop-info/shop-info.consent.component.jsx

@@ -1,4 +1,4 @@
-import { Typography } from "antd";
+import { Card, Typography } from "antd";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -15,10 +15,10 @@ function ShopInfoConsentComponent({ bodyshop }) {
   const { t } = useTranslation();
 
   return (
-    <div>
+    <Card>
       <Typography.Title level={4}>{t("settings.title")}</Typography.Title>
       {<PhoneNumberConsentList bodyshop={bodyshop} />}
-    </div>
+    </Card>
   );
 }