Add syntax highlighting of JS because Dart doesnt work.

Author: PoojaB26

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

@@ -72,15 +72,15 @@ app's `HomePage`.
 In our previous example, we enabled the **Return Value** of the Custom Action to return a
 `List<Product>` when the search keyword is valid. With this change the code will change from
 
-```
+```js
 Future executeSearch(String searchItem) async {
   // Add your function code here!
 }
 ```
 
 to
 
-```
+```js
 Future<List<ProductStruct>> executeSearch(String searchItem) async {
 // Add your function code here!
 }

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

@@ -40,7 +40,7 @@ To do so, you can edit *main.dart* file by following the steps below:
    dart` file. For this 
    example, here's code in a custom action named 'setStatusbarColor'.
 
-```dart
+```js
 // Automatic FlutterFlow imports
 import '/backend/backend.dart';
 import '/flutter_flow/flutter_flow_theme.dart';
@@ -88,7 +88,7 @@ You might want to lock the device orientation in portrait or landscape mode to p
 To set the device orientation in landscape-only mode, [create a custom action](custom-actions.md) with the 
 following code and [add it to a `main.dart`](#edit-maindart) file.
 
-```dart
+```js
 // Automatic FlutterFlow imports
 import '/backend/backend.dart';
 import '/flutter_flow/flutter_flow_theme.dart';
@@ -123,7 +123,7 @@ If you want to ensure that your app appropriately manages its lifecycle and hand
 To do so, [create a custom action](custom-actions.md) with the following code and [add it to a `main.dart`](#edit-maindart) file.
 
 
-```dart
+```js
 // Automatic FlutterFlow imports
 import '/backend/backend.dart';
 import '/flutter_flow/flutter_flow_theme.dart';
@@ -136,21 +136,22 @@ import 'package:flutter/material.dart';
 
 Future onAppBackground() async {
 // Add your function code here!
-WidgetsBinding.instance.addObserver(AppLifecycleObserver());
+   WidgetsBinding.instance.addObserver(AppLifecycleObserver());
 }
 
 class AppLifecycleObserver with WidgetsBindingObserver {
 @override
-void didChangeAppLifecycleState(AppLifecycleState state) {
-if (state == AppLifecycleState.resumed) {
+   void didChangeAppLifecycleState(AppLifecycleState state) {
+      if (state == AppLifecycleState.resumed) {
 // Do something when app is resumed
-print('App is in foreground');
-} else if (state == AppLifecycleState.paused) {
+         print('App is in foreground');
+      } else if (state == AppLifecycleState.paused) {
 // Do something when app is paused
-print('App is in background');
-}
-}
+         print('App is in background');
+      }
+   }
 }
+
 ```
 <figure>
     ![img_5.png](imgs/img_5.png)