docs: Add React Native samples to Storage Quick Start

src/routes/blog/post/celebrating-1.5-contributors/+page.markdoc

@@ -59,7 +59,7 @@ The latest version of Appwrite was built with the help of over 20 developers, tr
 - [@amanpatel23](https://github.com/amanpatel23), who [fixed certain pattern input validation](https://github.com/appwrite/console/pull/702)
 - [@programmingwithrp](https://github.com/programmingwithrp), who [updated links for the Cron syntax](https://github.com/appwrite/console/pull/639)
 - [@sourabpramanik](https://github.com/sourabpramanik), who [helped fix table overflow in mobile view](https://github.com/appwrite/console/pull/666)
-- [@sourabpramanik](https://github.com/sourabpramanik), who[ helped fix the console organization project count limit](https://github.com/appwrite/console/pull/699)
+- [@sourabpramanik](https://github.com/sourabpramanik), who [helped fix the console organization project count limit](https://github.com/appwrite/console/pull/699)
 - [@AmitGurbani](https://github.com/AmitGurbani), who [fixed clearing of the DateTime attribute](https://github.com/appwrite/console/pull/594)
 - [@sahalsaad](https://github.com/sahalsaad), who [added nullable option to the DateTime field](https://github.com/appwrite/console/pull/608)
 - [@FreSauce](https://github.com/FreSauce), who [fixed missing separator for keycodes comparison](https://github.com/appwrite/console/pull/585)

src/routes/docs/products/storage/quick-start/+page.markdoc

@@ -20,7 +20,7 @@ To upload a file, add this to you web, Flutter, Apple, or Android app.
 
 {% multicode %}
   ```client-web
-  import { Client, Storage } from "appwrite";
+  import { Client, Storage, ID } from 'appwrite';
 
   const client = new Client()
       .setEndpoint('https://cloud.appwrite.io/v1')
@@ -29,9 +29,14 @@ To upload a file, add this to you web, Flutter, Apple, or Android app.
   const storage = new Storage(client);
 
   const promise = storage.createFile(
-      '[BUCKET_ID]',
+      '<BUCKET_ID>',
       ID.unique(),
-      document.getElementById('uploader').files[0]
+      {
+        name: 'file.txt', 
+        type: 'text/plain', 
+        size: 37967,
+        uri: 'file://text.png'
+      }, // File
   );
 
   promise.then(function (response) {
@@ -52,74 +57,100 @@ To upload a file, add this to you web, Flutter, Apple, or Android app.
     final storage = Storage(client);
 
     final file = await storage.createFile(
-      bucketId: '[BUCKET_ID]',
+      bucketId: '<BUCKET_ID>',
       fileId: ID.unique(),
       file: InputFile.fromPath(path: './path-to-files/image.jpg', filename: 'image.jpg'),
     );
   }
   ```
+
   ```client-apple
   import Appwrite
 
   func main() async throws {
       let client = Client()
         .setEndpoint("https://cloud.appwrite.io/v1")
-        .setProject("<PROJECT_ID>")
+        .setProject('<PROJECT_ID>')
 
       let storage = Storage(client)
 
       let file = try await storage.createFile(
-          bucketId: "[BUCKET_ID]",
+          bucketId: '<BUCKET_ID>',
           fileId: ID.unique(),
           file: InputFile.fromBuffer(yourByteBuffer,
-              filename: "image.jpg",
-              mimeType: "image/jpeg"
+              filename: 'image.jpg',
+              mimeType: 'image/jpeg'
           )
       )
   }
   ```
+
   ```client-android-kotlin
   import io.appwrite.Client
   import io.appwrite.services.Storage
+  import io.appwrite.models.InputFileio.appwrite.models.InputFile
+  import io.appwrite.ID
 
   suspend fun main() {
       val client = Client(applicationContext)
-          .setEndpoint("https://cloud.appwrite.io/v1") // Your API Endpoint
-          .setProject("<PROJECT_ID>") // Your project ID
+          .setEndpoint('https://cloud.appwrite.io/v1') // Your API Endpoint
+          .setProject('<PROJECT_ID>') // Your project ID
 
       val storage = Storage(client)
 
       val file = storage.createFile(
-          bucketId = "[BUCKET_ID]",
+          bucketId = '<BUCKET_ID>',
           fileId = ID.unique(),
-          file = File("./path-to-files/image.jpg"),
+          file = InputFile.fromPath('./path-to-files/image.jpg'),
       )
   }
   ```
 
   ```http
-  POST /v1/storage/buckets/{bucketId}/files HTTP/1.1
-  Content-Type: multipart/form-data; boundary="cec8e8123c05ba25"
-  Content-Length: *Length of your entity body in bytes*
-  X-Appwrite-Project: [PROJECT_ID]
+  POST https://cloud.appwrite.io/v1/storage/buckets/<BUCKET_ID>/files HTTP/1.1
+  X-Appwrite-Project: <PROJECT_ID>
+  X-Appwrite-Response-Format: 1.5.0
+  Cookie: <COOKIE>
+  Content-Type: multipart/form-data; boundary=---1234
+  Content-Length: <LENGTH>
+  -----1234
+  Content-Disposition: form-data; name='fileId'   
+  <FILEID>
+  -----1234
+  Content-Disposition: form-data; name='file'; filename='image.jpg'
+  Content-Type: image/jpg
+
+  < <File content>
+
+  -----1234
+  ```
 
-  --cec8e8123c05ba25
-  Content-Disposition: form-data; name="operations"
+  ```client-react-native
+  import { Client, Storage, ID } from 'react-native-appwrite';
 
-  { "query": "mutation CreateFile($bucketId: String!, $fileId: String!, $file: InputFile!) { storageCreateFile(bucketId: $bucketId, fileId: $fileId, file: $file) { id } }", "variables": { "bucketId": "[BUCKET_ID]", "fileId": "[FILE_ID]", "file": null } }
-  --cec8e8123c05ba25
-  Content-Disposition: form-data; name="map"
+  const client = new Client()
+      .setEndpoint('https://cloud.appwrite.io/v1') // Your API Endpoint
+      .setProject('<PROJECT_ID>');                 // Your project ID
 
-  { "0": ["variables.file"] }
-  --cec8e8123c05ba25
-  Content-Disposition: form-data; name="0"; filename="file.txt"
-  Content-Type: text/plain
+  const storage = new Storage(client);
 
-  File content.
+  const promise = await storage.createFile(
+      '<BUCKET_ID>',
+      ID.unique(),
+      { 
+          name: 'image.jpg', 
+          type: 'image/jpg', 
+          uri: 'file://user/image.jpg', 
+          size: 183799 
+    }
+);
 
-  --cec8e8123c05ba25--
+  promise.then(function (response) {
+      console.log(response); // Success
+  }, function (error) {
+      console.log(error); // Failure
+  });
   ```
-
 {% /multicode %}
 
 
@@ -128,21 +159,22 @@ To download a file, use the `getFileDownload` method.
 
 {% multicode %}
 ```client-web
-import { Client, Storage } from "appwrite";
+import { Client, Storage } from 'appwrite';
 
 const client = new Client();
 
 const storage = new Storage(client);
 
 client
     .setEndpoint('https://cloud.appwrite.io/v1') // Your API Endpoint
-    .setProject('5df5acd0d48c2') // Your project ID
+    .setProject('<PROJECT_ID>') // Your project ID
 ;
 
-const result = storage.getFileDownload('[BUCKET_ID]', '[FILE_ID]');
+const result = storage.getFileDownload('<BUCKET_ID>', '<FILE_ID>');
 
 console.log(result); // Resource URL
 ```
+
 ```client-flutter
 import 'package:appwrite/appwrite.dart';
 
@@ -152,12 +184,12 @@ void main() { // Init SDK
 
   client
     .setEndpoint('https://cloud.appwrite.io/v1') // Your API Endpoint
-    .setProject('5df5acd0d48c2') // Your project ID
+    .setProject('<PROJECT_ID>') // Your project ID
   ;
   // downloading file
   Future result = storage.getFileDownload(
-    bucketId: '[BUCKET_ID]',
-    fileId: '[FILE_ID]',
+    bucketId: '<BUCKET_ID>',
+    fileId: '<FILE_ID>',
   ).then((bytes) {
     final file = File('path_to_file/filename.ext');
     file.writeAsBytesSync(bytes)
@@ -169,8 +201,8 @@ void main() { // Init SDK
 //displaying image preview
 FutureBuilder(
   future: storage.getFileDownload(
-    bucketId: '[BUCKET_ID]',
-    fileId: '[FILE_ID]',
+    bucketId: '<BUCKET_ID>',
+    fileId: '<FILE_ID>',
   ), //works for both public file and private file, for private files you need to be logged in
   builder: (context, snapshot) {
     return snapshot.hasData && snapshot.data != null
@@ -181,22 +213,24 @@ FutureBuilder(
   },
 );
 ```
+
 ```client-apple
 import Appwrite
 
 func main() async throws {
     let client = Client()
       .setEndpoint("https://cloud.appwrite.io/v1") // Your API Endpoint
-      .setProject("5df5acd0d48c2") // Your project ID
+      .setProject('<PROJECT_ID>') // Your project ID
     let storage = Storage(client)
     let byteBuffer = try await storage.getFileDownload(
-        bucketId: "[BUCKET_ID]",
-        fileId: "[FILE_ID]"
+        bucketId: '<BUCKET_ID>',
+        fileId: '<FILE_ID>'
     )
 
     print(String(describing: byteBuffer))
 }
 ```
+
 ```client-android-kotlin
 import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
@@ -211,17 +245,33 @@ class MainActivity : AppCompatActivity() {
         setContentView(R.layout.activity_main)
 
         val client = Client(applicationContext)
-            .setEndpoint("https://cloud.appwrite.io/v1") // Your API Endpoint
-            .setProject("5df5acd0d48c2") // Your project ID
+            .setEndpoint('https://cloud.appwrite.io/v1') // Your API Endpoint
+            .setProject('<PROJECT_ID>') // Your project ID
 
         val storage = Storage(client)
 
         val result = storage.getFileDownload(
-            bucketId = "[BUCKET_ID]",
-            fileId = "[FILE_ID]"
+            bucketId = '<BUCKET_ID>',
+            fileId = '<FILE_ID>'
         )
         println(result); // Resource URL
     }
 }
 ```
+
+```client-react-native
+import { Client, Storage, ID } from 'react-native-appwrite';
+
+const client = new Client();
+
+const storage = new Storage(client);
+
+client
+  .setEndpoint('https://cloud.appwrite.io/v1')
+  .setProject('<PROJECT_ID>');
+
+const result = storage.getFileDownload('<BUCKET_ID>', '<FILE_ID>');
+
+console.log(result); // Resource URL
+```
 {% /multicode %}