Flutterflow guide v3 - using the new library (#102)

* v1 of new guide

* Polish

* More polish

* Add blurb

* Wording improvement

* Blurb

* Update integration-guides/flutterflow-+-powersync.mdx

Co-authored-by: Kobie Botha <kobie@journeyapps.com>

* Update integration-guides/flutterflow-+-powersync.mdx

Co-authored-by: Kobie Botha <kobie@journeyapps.com>

* PR feedback

* lowercase

* Update integration-guides/flutterflow-+-powersync.mdx

* Update integration-guides/flutterflow-+-powersync.mdx

* Fix broken link

* Sync rules flow improvements

* Add snippet about pending marketplace listing

---------

Co-authored-by: Kobie Botha <kobie@journeyapps.com>

Author: benitav

images/integration-guides/flutterflow/component-parameters-child.png

@@ -122,13 +122,13 @@ create publication powersync for table public.lists, public.todos;
 
 [Sync Rules](/usage/sync-rules) allow developers to control which data gets synced to which user devices using a SQL-like syntax in a YAML file. For the demo app, we're going to specify that each user can only see their own to-do lists and list items.
 
-1\. To update your sync rules, open the `sync-rules.yaml` file.
+1. To update your sync rules, open the `sync-rules.yaml` file.
 
 <Frame>
   <img src="/images/integration-5.png" />
 </Frame>
 
-1. Replace the `sync-rules.yaml` file's contents with the below:
+2. Replace the `sync-rules.yaml` file's contents with the below:
 
 ```yaml
 bucket_definitions:
@@ -140,16 +140,14 @@ bucket_definitions:
       - select * from todos where list_id = bucket.list_id
 ```
 
-1. In the top right, click **"Validate sync rules"** and ensure there are no errors. This validates your sync rules against your Postgres database.
-2. In the top right, click **"Deploy sync rules"** and select your Instance
-<Frame>
-  <img src="/images/integration-6.png" width="60%"/>
-</Frame>
-3. Confirm in the dialog and wait a couple of minutes for the deployment to complete.
-
-For additional information on PowerSync's sync rules, refer to the [Sync Rules](/usage/sync-rules) documentation.
+3. In the top right, click **"Validate sync rules"** and ensure there are no errors. This validates your sync rules against your Postgres database.
+4. In the top right, click **"Deploy sync rules"** and select your instance.
+5. Confirm in the dialog and wait a couple of minutes for the deployment to complete.
 
-If you're wondering how Sync Rules relate to Supabase Postgres [RLS](https://supabase.com/docs/guides/auth/row-level-security), see [this subsection](/integration-guides/supabase-+-powersync/rls-and-sync-rules).
+<Tip>
+- For additional information on PowerSync's Sync Rules, refer to the [Sync Rules](/usage/sync-rules) documentation.
+- If you're wondering how Sync Rules relate to Supabase Postgres [RLS](https://supabase.com/docs/guides/auth/row-level-security), see [this subsection](/integration-guides/supabase-+-powersync/rls-and-sync-rules). 
+</Tip>
 
 ## Test Everything (Using Our Demo App)
 

images/integration-guides/flutterflow/create-new-item.png

@@ -252,7 +252,7 @@
             "integration-guides/flutterflow-+-powersync",
             "integration-guides/flutterflow-+-powersync/flutter-web",
             "integration-guides/flutterflow-+-powersync/full-text-search",
-            "integration-guides/flutterflow-+-powersync/github-workflow"
+            "integration-guides/flutterflow-+-powersync/powersync-+-flutterflow-legacy"
           ]
         },
         "integration-guides/railway-+-powersync",