Fix State Management docs + links cleanup

Author: PoojaB26

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

@@ -71,7 +71,7 @@ You can't have imports in a custom function. To be able to add imports, consider
 <details>
 <summary>Getting error: The function 'FFAppState' isn't defined.</summary>
 
-You can't use the app state variable (i.e., FFAppState().variablename) directly in your custom 
+You can't use the app state variable (i.e., `FFAppState().variablename`) directly in your custom 
 function code. Instead, you can pass the app state variable as a parameter and then use it in your code.
 
 </details>

docs/ff-concepts/navigation-routing/deep-dynamic-linking.md

@@ -110,7 +110,7 @@ To set the page URL:
 #### 3. Sharing deep link
 
 You can share the deep link of the current page by adding
-the [share action](/actions/actions/share/share).
+the [share action](share-action.md).
 
 To share the deep link of the current page:
 
@@ -320,7 +320,7 @@ To set the page URL:
 
 You can share the dynamic link of the current page by adding the [**Generate Current Page Link
 **](generate-current-page-link.md)
-action and then sharing it using the [**Share Action**](/actions/actions/share/share).
+action and then sharing it using the [**Share Action**](share-action.md).
 
 To share the dynamic link of the page:
 

docs/ff-concepts/state-management/state-management.md

@@ -2,10 +2,12 @@
 title: State Management
 description: An overview of state management in FlutterFlow
 ---
-
+# State Management 
 State management is a crucial concept focused on maintaining and controlling the **state** of an application. Simply put, it involves monitoring the changes within your app and updating the user interface to reflect these changes. 
 
-You can think of the UI as a function of your state variables, where changes in these variables directly influence what the UI displays.
+The UI (user interface) displays information based on state variables. When these state variables change, the UI updates to reflect the changes.
+
+## State Variables
 
 In FlutterFlow, there are a few types of state variables that you can create:
 
@@ -15,27 +17,35 @@ In FlutterFlow, there are a few types of state variables that you can create:
 </figure>
 
 
-- State variables are themselves **variables** - meaning they have a *name* and a *data type*. 
+- State variables are themselves [**variables**](../../resources/data-representation/overview.md#variable) - meaning they have a *name* and a *data type*. 
 - They also have an initial value that is set when you create the variable. 
 - Once you create a state variable, it's value can be used to change the configuration of widget properties - like any other variable. 
-- You can update the value of state variables using the *Update State Variable* action.
+- You can update the value of state variables using the **[Update State Variable](#updating-state-variables)** action.
+
+### Creating State Variables
+- To create an **App State variable**, refer to this **[guide](../../resources/data-representation/app-state.md#create-app-state-variable)**.
+- To create a **Page State variable**, refer to this [**guide**](../../resources/ui-building-blocks/pages/page-lifecycle.md#creating-a-page-state).
+- To create a **Component State variable**, refer to this [**guide**](../../resources/ui-building-blocks/components/user-defined-components/component-lifecycle.md#creating-a-component-state).
+
+Note: Users cannot create **widget state variables**. These are automatically exposed by FlutterFlow when a Form widget is used.
+
+
+
+### Updating State Variables
+- To update an **App State variable**, refer to this **[guide](../../resources/data-representation/app-state.md#update-app-state-action)**.
+- Refer to the [**Page Lifecycle**](../../resources/ui-building-blocks/pages/page-lifecycle.md) guide to learn about updating **[Page State variables](../../resources/ui-building-blocks/pages/page-lifecycle.md#update-page-state-action)**.
+- Refer to the [**Component Lifecycle**](../../resources/ui-building-blocks/components/user-defined-components/component-lifecycle.md) guide to learn about updating **[Component State variables](../../resources/ui-building-blocks/components/user-defined-components/component-lifecycle.md#update-component-state-action)**.
 
+<p></p>
+
+
+:::tip[Learn from video]
 You can learn more about state management from this video:
 <div class="video-container">
 <iframe src="https://www.youtube.com/embed/jD6L4xjYjJA?si=-RjniUB-K0ZsMoB1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 </div>
-
-<p></p>
-
-:::tip
-To learn more about state management in FlutterFlow, read up on 
-[**Variables**](../../resources/data-representation/overview.md#variable) and how 
-[**Page 
-State**](../../resources/ui-building-blocks/pages/page-lifecycle.md#page-state), or 
-[**Component State**](#) or [**App State variables**](#) are modified in FlutterFlow. 
 :::
 
 
 
 
-

docs/ff-integrations/authentication/_category_.json

@@ -1,4 +1,3 @@
 {
-    "label": "Authentication",
-    "position": 1
+    "label": "Authentication"
 }

docs/ff-integrations/database/local-sql/sqlite/img.png renamed to docs/ff-integrations/database/local-sql/imgs/img.png

@@ -1,5 +1,5 @@
 ---
-slug: /integrations/database/sqlite/quickstart
+slug: /integrations/database/sqlite
 title: SQLIte Quickstart
 description: Learn how to quickly get started with SQLite in your FlutterFlow app for local data storage.
 tags: [FlutterFlow, SQLite, Database, Quickstart, Local Storage]
@@ -38,7 +38,7 @@ Here are the steps to build such an example:
 
 To enable SQLite in FlutterFlow, navigate to Settings and Integrations > Integrations > SQLite > switch on the **Enable SQLite** toggle.
 
-![img.png](img.png)
+![img.png](imgs/img.png)
 
 ## 2. Database configuration
 
@@ -86,7 +86,7 @@ In general, to add any query, you need to provide a name, the query statement, a
 
 * To use variables, simply use the syntax `${variableName}`. For example: `SELECT \* FROM Notes WHERE id = ${noteId}`
 * When passing string or text data in queries, enclose variables in single quotes, like `${title}`, to signify them as strings.
-![img_1.png](img_1.png)
+![img_1.png](imgs/img_1.png)
 :::
 
 Below are the queries that we'll require for this example:
@@ -154,7 +154,7 @@ com/embed/aa0bb7bea67145c8b0b61ce57485a5c2?sid=9d950aba-c498-484c-8507-c795bee74
 
 To show a list of notes, you can use the **ListView** > **Container** widgets to design a page that looks like the following:
 
-![img_2.png](img_2.png)
+![img_2.png](imgs/img_2.png)
 
 Now, on the ListView widget, add a [SQLite backend query](/data-and-backend/backend-query/sqlite-query) and display data in UI elements.
 
@@ -204,7 +204,7 @@ com/embed/bb775d5da5614117ac6fbe6542b6c29f?sid=877e565c-be16-4c77-a92c-9a6a95408
 
 For updating note values, like marking a note as completed or modifying other fields, utilize 
 the SQLite Query Action and set the type to **Update Query**. Here, set the Query Name to 
-[UpdateNote](#3-updatenote).
+[Update Note](#3-updatenote).
 
 
 
@@ -215,19 +215,19 @@ com/embed/35564ad5e8be4f58aa72527bc6818183?sid=2740d823-df42-49c3-ae54-8e0e95a72
 
 :::info
 
-* In this example, we are updating the note on a bottom sheet component. To provide a better user experience, we initially display the current values of the note, ensuring that users have a clear idea of what they are going to edit. To display the note values in bottom sheet, we [pass](../../../../ff-concepts/navigation-routing/passing-data.md) the current note with **Type** set to **SQLite Row**.
+* In this example, we are updating the note on a bottom sheet component. To provide a better user experience, we initially display the current values of the note, ensuring that users have a clear idea of what they are going to edit. To display the note values in bottom sheet, we [pass](../../../ff-concepts/navigation-routing/passing-data.md) the current note with **Type** set to **SQLite Row**.
 
-![img_3.png](img_3.png)
+![img_3.png](imgs/img_3.png)
 
 * When updating a date value, we also verify if the date has been modified. If there's no change, we simply pass back the same value we received.
 :::
 
 ## 7. Delete note
 
-You can delete an existing note from the database using the [SQLite query action](../../../../resources/control-flow/backend-logic/backend-query/sqlite-query.md) with the type set to *Update Query* and Query Name to **Delete Note**.
+You can delete an existing note from the database using the [SQLite query action](../../../resources/control-flow/backend-logic/backend-query/sqlite-query.md) with the type set to *Update Query* and Query Name to **Delete Note**.
 
 :::tip[Pro Tip] 
-To refresh the page, simply add an [**Update App State Action**](../../../../resources/data-representation/app-state.md) Action with the Update Type set 
+To refresh the page, simply add an [**Update App State Action**](../../../resources/data-representation/app-state.md) Action with the Update Type set 
 to 'Rebuild Current Page'.
 :::
 Here's how you do it: