fix: callout boxes (#258)

## Summary by Sourcery

Refactor and simplify Callout component usage in documentation pages

Enhancements:
- Improve Callout component usage by removing redundant className
attributes and simplifying markup

Documentation:
- Standardize Callout component formatting across documentation pages,
removing unnecessary wrapper divs and simplifying styling

Co-authored-by: Roderik van der Veer <roderik@settlemint.com>

Author: bl0up

content/docs/building-with-settlemint/planning-and-decisions.mdx

@@ -15,20 +15,14 @@ considerations needed to build an effective blockchain solution with SettleMint.
 
 ## Strategic decision framework
 
-<div className="my-8">
-  <Callout
-    type="info"
-    className="border border-slate-200 dark:border-slate-800 bg-slate-50 dark:bg-slate-900/30"
-  >
-    <span className="font-medium text-slate-800 dark:text-slate-300 block mb-1">
-      Strategic considerations
-    </span>
-    Each decision in your blockchain journey directly impacts performance,
-    security, and functionality of your final solution. This framework guides
-    you through making informed architectural choices aligned with your business
-    requirements.
-  </Callout>
-</div>
+<Callout>
+  **Strategic considerations**
+
+Each decision in your blockchain journey directly impacts performance, security,
+and functionality of your final solution. This framework guides you through
+making informed architectural choices aligned with your business requirements.
+
+</Callout>
 
 ## Implementation approaches
 
@@ -78,7 +72,7 @@ considerations needed to build an effective blockchain solution with SettleMint.
   </a>
   </div>
     </Card>
-    
+
     <h3 className="text-lg font-bold text-slate-800 dark:text-slate-100 mb-4">Pre-built solution components</h3>
     <Card className="border border-slate-200 dark:border-slate-800 mb-6">
       <h4 className="text-lg font-medium text-slate-700 dark:text-slate-300 mb-3">Asset tokenization kit</h4>
@@ -89,7 +83,7 @@ considerations needed to build an effective blockchain solution with SettleMint.
         <li>• Ready-to-use admin portal</li>
       </ul>
     </Card>
-    
+
     <Card className="border border-slate-200 dark:border-slate-800 mb-6">
       <h4 className="text-lg font-medium text-slate-700 dark:text-slate-300 mb-3">Supply chain solution</h4>
       <ul className="space-y-2 mb-4 text-slate-700 dark:text-slate-300">
@@ -99,7 +93,7 @@ considerations needed to build an effective blockchain solution with SettleMint.
         <li>• Automated compliance reporting</li>
       </ul>
     </Card>
-    
+
     <Card className="border border-slate-200 dark:border-slate-800">
       <h4 className="text-lg font-medium text-slate-700 dark:text-slate-300 mb-3">Deployment process</h4>
       <ol className="space-y-2 mb-4 text-slate-700 dark:text-slate-300 list-decimal pl-5">
@@ -110,8 +104,9 @@ considerations needed to build an effective blockchain solution with SettleMint.
         <li>Connect to existing systems via APIs</li>
       </ol>
     </Card>
+
   </Tab>
-  
+
   <Tab>
     <Card className="border border-slate-200 dark:border-slate-800 shadow-sm mb-6">
       <div className="flex items-center gap-3 mb-3">

content/docs/launching-the-platform/self-hosted-onprem/introduction.mdx

@@ -13,9 +13,12 @@ Welcome to the SettleMint Platform self-hosted installation guide. This
 comprehensive guide will walk you through deploying the SettleMint Platform in
 your own infrastructure.
 
-<Callout>
-  **Installation Time** Complete installation typically takes 2-4 hours,
-  depending on your infrastructure setup and familiarity with the components.
+<Callout type="info">
+  **Installation Time**
+
+Complete installation typically takes 2-4 hours, depending on your
+infrastructure setup and familiarity with the components.
+
 </Callout>
 
 ## Guide structure
@@ -65,9 +68,10 @@ below to learn more:
   </Tab>
 </Tabs>
 
-<Callout>
+<Callout type="info">
   **Using This Guide**
-  We recommend:
+
+We recommend:
 
 1. Read through each section before starting
 2. Complete all requirements and prerequisites
@@ -145,7 +149,9 @@ Here's what an Information Collection Box looks like in the prerequisite guides:
 
 <Callout type="info">
 **Required Values Example**
-This is a sample of what you'll see in the guides. For Redis setup, you would collect values like:
+
+This is a sample of what you'll see in the guides. For Redis setup, you would
+collect values like:
 
 - Endpoint: redis-master.default.svc.cluster.local
 - Password: your-secure-password
@@ -172,7 +178,10 @@ prerequisite setup.
 - Contact your account manager
 
 <Callout type="info">
-  **Next Step** Start by reviewing the [Infrastructure
-  Requirements](/launching-the-platform/self-hosted/infrastructure-requirements)
-  to ensure your environment meets all necessary specifications.
+  **Next Step**
+
+Start by reviewing the
+[Infrastructure Requirements](/launching-the-platform/self-hosted/infrastructure-requirements)
+to ensure your environment meets all necessary specifications.
+
 </Callout>