feat: icons

src/routes/docs/products/ai/+page.markdoc

@@ -11,13 +11,13 @@ powerful functions architecture and start building the future.
 
 Detailed explanations and deep dives into how you can implement different machine techniques in your Appwrite projects.
 {% cards %}
-{% cards_image_item href="/docs/products/ai/computer-vision" title="Computer vision" light="/images/icons/illustrated/dark/auth.png" dark="/images/icons/illustrated/dark/auth.png" %}
+{% cards_image_item href="/docs/products/ai/computer-vision" title="Computer vision" light="/images/docs/ai/computer-vision-light.png" dark="/images/docs/ai/computer-vision-dark.png" %}
 Label and understand the contents of images
 {% /cards_image_item %}
-{% cards_image_item href="/docs/products/ai/natural-language" title="Natural language processing" light="/images/icons/illustrated/dark/auth.png" dark="/images/icons/illustrated/dark/auth.png" %}
+{% cards_image_item href="/docs/products/ai/natural-language" title="Natural language processing" light="/images/docs/ai/natural-language-light.png" dark="/images/docs/ai/natural-language-dark.png" %}
 Understand and generate human language
 {% /cards_image_item %}
-{% cards_image_item href="/docs/products/ai/audio-processing" title="Audio processing" light="/images/icons/illustrated/dark/auth.png" dark="/images/icons/illustrated/dark/auth.png" %}
+{% cards_image_item href="/docs/products/ai/audio-processing" title="Audio processing" light="/images/docs/ai/audio-processing-light.png" dark="/images/docs/ai/audio-processing-dark.png" %}
 Process and generate audio data
 {% /cards_image_item %}
 {% /cards %}

src/routes/docs/tutorials/nuxt/step-7/+page.markdoc

@@ -120,10 +120,10 @@ To catch that moment in time when the page loads, we call our `fetch` function,
 Second, it's likely that a user will want to delete one of their ideas from the database.
 We help them do that by adding a delete button in the top right corner of the idea list item, but only on the ideas added by the user itself.
 
-Add the file `IdeasList` from the `componenents` directory and insert the following code:
+Add the file `IdeasList` from the `components` directory and insert the following code:
 
 ```vue
-<!-- componenents/IdeasList.vue -->
+<!-- components/IdeasList.vue -->
 <script setup>
 import { onMounted } from 'vue';
 

src/routes/docs/tutorials/react/step-5/+page.markdoc

@@ -9,7 +9,7 @@ In our app we want to have a navigation bar that is always visible. We will add
 - a logout button if the user is logged in.
 - a login button if the user is not logged in.
 
-Update the App componenent in `src/App.jsx`:
+Update the App component in `src/App.jsx`:
 
 ```js
 import { Login } from "./pages/Login";

src/routes/docs/tutorials/vue/step-5/+page.markdoc

@@ -9,7 +9,7 @@ In our app we want to have a navigation bar that is always visible. Use the `use
 - a logout button if the user is logged in.
 - a login button if the user is not logged in.
 
-Update the App componenent in `src/App.vue`:
+Update the App component in `src/App.vue`:
 
 ```vue
 <script setup>