docs(apache-airflow): add New Frontend System documentation community-plugins

Signed-off-by: Dharmik <[email protected]>

Author: Dharma-09

workspaces/apache-airflow/.changeset/light-camels-think.md

@@ -0,0 +1,5 @@
+---
+'@backstage-community/plugin-apache-airflow': patch
+---
+
+add New Frontend System documentation for apache airflow

workspaces/apache-airflow/plugins/apache-airflow/README.md

@@ -107,6 +107,49 @@ password of your instance.
 echo -n "airflow:airflow" | base64 -w0
 ```
 
+## New Frontend System
+
+### Setup
+
+If you're using [feature discovery](https://backstage.io/docs/frontend-system/architecture/app/#feature-discovery),
+the plugin will be automatically discovered and enabled.
+
+Otherwise, you can manually enable the plugin by adding it to your app:
+
+```tsx
+// packages/app/src/App.tsx
+import apacheAirflowPlugin from '@backstage-community/plugin-apache-airflow/alpha';
+
+const app = createApp({
+  features: [
+    // ...
+    apacheAirflowPlugin,
+  ],
+});
+```
+
+### Extensions
+
+The following extensions will be available in the plugin:
+
+- `api:apache-airflow/apache-airflow-api`
+- `page:apache-airflow/apache-airflow-page`
+
+## Legacy Frontend System
+
+When using the legacy frontend system, customize through component props:
+
+- **`ApacheAirflowPage`** - Full page component (no props)
+- **`ApacheAirflowDagTable`** - Props: `dagIds?: string[]`
+
+Example:
+
+```tsx
+<ApacheAirflowDagTable
+  dagIds={['example_bash_operator', 'example_branch_datetime_operator_2']}
+/>
+```
+
 ## Development
 
 For local development, you can setup a local Airflow instance for development