Merge branch 'main' into feat/how-it-works

Author: kodiakhq[bot]

src/routes/concepts/components/basics.mdx

@@ -27,6 +27,13 @@ function App() {
 }
 ```
 
+:::info[Note]
+
+Component names must start with a capital letter to distinguish them from regular HTML elements.
+Otherwise, they won't be recognized as components.
+
+:::
+
 ## Component trees
 
 A web page is displayed by rendering a component tree, which is a hierarchical structure of components.

src/routes/concepts/context.mdx

@@ -99,7 +99,7 @@ export const App = () => (
 ## Customizing Context Utilities
 
 When an application contains multiple context objects, it can be difficult to keep track of which context object is being used.
-To solve this issue, you can create a custom utilities to create a more readable way to access the context values.
+To solve this issue, you can create a custom utility to create a more readable way to access the context values.
 
 For example, when wrapping a component tree, you may want to create a custom `Provider` component that can be used to wrap the component tree.
 This also provides you with the option of re-using the `Provider` component in other parts of your application, if needed.