Update the example syntax (#5182) (#5183)

(cherry picked from commit fe194f1)

Co-authored-by: Clayton Cornell <[email protected]>

docs/sources/flow/reference/components/loki.source.kafka.md

@@ -141,27 +141,27 @@ This example consumes Kafka events from the specified brokers and topics
 then forwards them to a `loki.write` component using the Kafka timestamp.
 
 ```river
-loki.relabel "kafka" {
-  rule {
-    source_labels = ["__meta_kafka_topic"]
-    target_label  = "topic"
-  }
-}
-
-
 loki.source.kafka "local" {
   brokers                = ["localhost:9092"]
   topics                 = ["quickstart-events"]
   labels                 = {component = "loki.source.kafka"}
-  forward_to             = [loki.write.local.receiver]
+  forward_to             = [loki.relabel.kafka.receiver]
   use_incoming_timestamp = true
   relabel_rules          = loki.relabel.kafka.rules
 }
 
+loki.relabel "kafka" {
+  forward_to      = [loki.write.local.receiver]
+
+  rule {
+    source_labels = ["__meta_kafka_topic"]
+    target_label  = "topic"
+  }
+}
+
 loki.write "local" {
   endpoint {
     url = "loki:3100/api/v1/push"
   }
 }
 ```
-