Merge branch 'refs/heads/main' into rewrite/notifications

# Conflicts:
#	firebase.json

Author: PoojaB26

docs/ff-concepts/adding-customization/configuration-files.md

@@ -19,7 +19,7 @@ There are a few different ways to make custom code accessible in FlutterFLow:
 * **[Custom Functions](custom-functions.md):** Custom Dart functions that can be used to set Widget or Action properties. 
 * **[Custom Actions](custom-actions.md):** Custom Dart functions that can be triggered by [Action Triggers](https://docs.flutterflow.io/resources/functions/action-triggers/) or used as nodes in an [Action Flow](https://docs.flutterflow.io/resources/functions/action-flow-editor#action-flow-editor). These are usually `async` functions and are able to import [custom package dependencies](#adding-a-pubspec-dependency).
 * **[Custom Widgets](custom-widgets.md):** Custom Flutter widgets that can also import [custom package dependencies](#adding-a-pubspec-dependency) and be used in the same way as [Components](https://docs.flutterflow.io/resources/ui/components) throughout your project. 
-* **[Custom Files](custom-files.md):** Within Custom Files, you'll have the ability to edit some parts of the `main.dart` file.
+* **[Configuration Files](configuration-files.md):** You'll have the ability to edit native files for Android and iOS.
 
 
 :::tip[Why Write Custom Code?]

docs/ff-concepts/adding-customization/custom-code.md

@@ -8,7 +8,31 @@ keywords: [FlutterFlow, Custom Functions, Customizations, Flutter, Dart, Pub.dev
 ---
 
 # Custom Functions
-Custom Functions in FlutterFlow allow you to perform simple Dart calculations and logic. These functions are ideal for tasks that require immediate results, such as data transformations, mathematical calculations, or simple logic operations. **Custom Functions** enable you to encapsulate reusable logic, making your code more organized and maintainable.
+Custom Functions in FlutterFlow allow you to perform simple Dart calculations and logic. These functions are ideal for tasks that require immediate results, such as data transformations, mathematical calculations, or simple logic operations. **Custom Functions** enable you to encapsulate reusable logic, making your code more organized and maintainable. Let's see some common examples:
+
+**To calculate discount given price and discount rate:**
+
+```js
+double calculateDiscount(double price, double discountRate) {
+    return price - (price * discountRate / 100);
+}
+```
+
+**To capitalize a String input:**
+
+```js
+String capitalize(String input) {
+    return input.isNotEmpty ? '${input[0].toUpperCase()}${input.substring(1)}' : '';
+}
+```
+
+**To convert Celsius to Fahrenheit**
+
+```js
+double celsiusToFahrenheit(double celsius) {
+    return (celsius * 9/5) + 32;
+}
+```
 
 ## Key Use Cases
 
@@ -77,38 +101,5 @@ function code. Instead, you can pass the app state variable as a parameter and t
 </details>
 
 
-## Some common examples
-
-<details>
-<summary>Calculating Discounts:</summary>
-
-```
-double calculateDiscount(double price, double discountRate) {
-return price - (price * discountRate / 100);
-}
-```
-
-</details>
-
-
-<details>
-<summary>String Capitalization:</summary>
-
-```
-String capitalize(String input) {
-return input.isNotEmpty ? '${input[0].toUpperCase()}${input.substring(1)}' : '';
-}
-```
-</details>
-
-<details>
-<summary>Temperature Conversion:</summary>
-
-```
-double celsiusToFahrenheit(double celsius) {
-return (celsius * 9/5) + 32;
-}
-
-```
-</details>
-
+## Utility Functions Library
+Instead of building everything from scratch, explore our **[Utility Functions Library](https://marketplace.flutterflow.io/item/ZVBmWMGpXe6vqnASRHDA)** — packed with 50+ helpful functions for everyday tasks like formatting text, manipulating dates, validating input, and more. Easily plug them into your custom logic to save time and reduce errors.

docs/ff-concepts/adding-customization/custom-files.md

@@ -99,6 +99,8 @@ FlutterFlow:
     </iframe>
 </div>
 
+<p></p>
+
 :::tip[Choosing a Pubspec Dependency]
 For a comprehensive guide on navigating external packages using pub.dev, evaluating packages, and making the best choices for your app, [**follow the guide**](custom-code.md#adding-a-pubspec-dependency).
 :::

docs/ff-concepts/adding-customization/custom-functions.md

@@ -645,12 +645,12 @@ You can add the responsive style by following the instructions below:
 </div>
 <p></p>
 
-### Adding Custom Fonts
+### Custom Fonts
 
 Adding Custom Fonts to your app makes it stand out from others. This section allows you to upload your own fonts. You can upload the custom font files of types `.ttf`, `.otf`, and `.woff.` Once the font is uploaded, you can use it directly from the widget or add it to the text style section to create a general theme.
 
 :::info
-Before you upload the *Custom Fonts*, make sure you have permission to use the font in your application.
+Before you upload the Custom Fonts, make sure you have permission to use the font in your application.
 :::
 
 To add the *Custom Fonts*:
@@ -718,15 +718,18 @@ If you prefer watching a video tutorial, here's the one for you:
 <p></p>
 
 
-### Adding Custom Icons
+### Custom Icons
+
+Custom icons help reinforce your brand identity and add a unique touch to your app. Before uploading icons to FlutterFlow, you’ll first need to generate them using an icon font generator like [FlutterIcon](https://www.fluttericon.com/) or [IcoMoon](https://icomoon.io/). 
+
+We’ve also built our **[own SVG to Custom Icon Generator](https://icons.flutterflow.app)** to make the process even easier — feel free to use that instead.
 
-Adding *Custom Icons* to your app helps you build the brand identity. Before you add the Custom Icons in FlutterFlow, you need to generate them from any icon generation site (like [fluttericon](https://www.fluttericon.com/) and [iconmoon](https://icomoon.io/)) and export them using appropriate settings.
 
 :::info
-Make sure you have permission to use the icons in your application.
+Make sure you have the proper rights or licenses to use the icons in your application.
 :::
 
-To add custom icons:
+**Steps to Generate and Add Custom Icons**
 
 1. Head over to the [iconmoon](https://icomoon.io/app/#/select).
 2. Import your custom icon (.svg) or select from the free icons set.
@@ -769,8 +772,10 @@ To add custom icons:
 12. Now click on the **Upload Icon Info** button.
 13. Select and upload the `filename.dart` under the downloaded folder (besides the fonts folder).
 14. Click **Add Icons**.
-15. To use a custom icon, add the **Icon** widget, move to the properties panel, and scroll down to the **Icon** section.
-16. Click on the already selected icon, select the **Custom Icons** tab, and then select your icon.
+
+#### Use the Custom Icon
+
+To use a custom icon, add the **Icon** widget, move to the properties panel, and scroll down to the **Icon** section. Click on the already selected icon, select the **Custom Icons** tab, and then select your icon.
 
 <div style={{
     position: 'relative',