fixed typo and added link to metadata and preview page

Author: mindapivessa

docs/mini-apps/design-ux/foundations/app-icon.mdx

@@ -5,7 +5,7 @@ description: "A memorable icon that represents your mini app helps people recogn
 
 ![app-icon](/images/design-guidelines/app-icon-overview.png)
 
-## Placements
+### Placements
 
 Your app icon is the first impression users have of your mini app. It appears in the Base App discovery interface and throughout the social experiences.
 
@@ -18,7 +18,7 @@ The following locations show where your app icon will appear in the Base app:
   - Browser header
 
 
-## Best Practices
+### Best Practices
 
 **Clarity at Small Sizes**
 - Icons should be recognizable at 16x16px
@@ -35,21 +35,23 @@ The following locations show where your app icon will appear in the Base app:
 - Use the same color palette and style as your app interface
 - Consider creating variations for different contexts
 
-## Specifications
+### Specifications
 
 `iconUrl` in farcaster.json specifies your app’s icon. It should follow the guidelines below to ensure proper display in the Base App:
 
 - **Dimension**:1024x1024px 
-- **File Forma**: png. 
+- **File Format**: png. 
 - No alpha
 
- ## Other App Metadata
+ ### Other App Metadata
 
 In addition to the app icon, there are other app metadata that determine the first impression of your app. Aim for your metadata to provide helpful context, and properly set expectations with new users on what your app does.
 
 ![app-metadata](/images/design-guidelines/metadata-guidelines.png)
 
-## Testing Your App Metadata
+Learn more about how to best leverage the app metadata [here](!https://docs.base.org/mini-apps/features/embeds-and-previews)
+
+### Testing Your App Metadata
 
 - Use [Base Mini App Preview Tool](https://www.base.dev/preview) to validate your metadata and check how your icon appears.
-- Once published on the Base app, check how it renders in different placements.
+- Once published on the Base app, check how it renders in different placements: