docs: add logos & banner to docs

Author: artus9033

README.md

@@ -1,15 +1,26 @@
-# React Native Ottrelite
+<a href="https://www.callstack.com/open-source?utm_campaign=generic&utm_source=github&utm_medium=referral&utm_content=ottrelite" align="center">
+  <picture>
+    <img alt="Ottrelite" src="https://github.com/callstackincubator/ottrelite/blob/main/img/banner.jpg?raw=true">
+  </picture>
+</a>
 
-- [React Native Ottrelite](#react-native-ottrelite)
-  - [State of the project](#state-of-the-project)
-    - [Development API](#development-api)
-    - [OTEL Interoperability](#otel-interoperability)
-    - [RN internals integration](#rn-internals-integration)
-  - [Installation](#installation)
-  - [Documentation](#documentation)
+<p align="center">
+  <b>Ottrelite</b> - Unified, extensible, cross-language tracing toolkit for React Native ⚡️🔎
+</p>
 
 ---
 
+[![Build packages, lint & run tests](https://github.com/callstackincubator/ottrelite/actions/workflows/ci-cd.yml/badge.svg?job=build-lint-test)](https://github.com/callstackincubator/ottrelite/actions/workflows/ci-cd.yml)
+[![npm downloads](https://img.shields.io/npm/dm/ottrelite.svg)](https://www.npmjs.com/package/ottrelite)
+
+
+- [State of the project](#state-of-the-project)
+  - [Development API](#development-api)
+  - [OTEL Interoperability](#otel-interoperability)
+  - [RN internals integration](#rn-internals-integration)
+- [Installation](#installation)
+- [Documentation](#documentation)
+
 The aim of this project is to provide a unified API for performance tracing in React Native applications, allowing developers to easily instrument their apps with various backends for tracing, profiling, and performance monitoring.
 
 The core package - `@ottrelite/core` - provides a so-called [**Development API**](#development-api) (which is designed to be consumed by programmers) for instrumenting your application for purely **development use cases** (profiling your code, tracing performance issues, etc.). The actual implementation of recording / displaying / reporting of the data is provided by individual, pluggable packages (called **backends**). An arbitrary number of backends (0, 1 or more) can be installed simultaneously, allowing you to use multiple backends at once, or switch between them as needed.

docs/docs/index.md

@@ -15,8 +15,10 @@ hero:
       text: GitHub
       link: https://github.com/web-infra-dev/rspress
   image:
-    src: /logo.png
-    alt: Ottrelite Logo
+    src:
+      light: /img/logo-light.png
+      dark: /img/logo-dark.png
+    alt: Ottrelite logo
 features:
   - title: Unified API
     details: All functionalities are accessible through a single API, regardless of the backend used. If a backend does not support a specific feature, it will simply be ignored by calls to that feature.

docs/docs/public/img/favicon.svg

@@ -10,8 +10,9 @@ export default defineConfig({
   title: 'React Native Ottrelite',
   description: 'React Native Ottrelite Documentation',
   logoText: 'React Native Ottrelite',
-  icon: '/img/logo.png',
-  logo: '/img/logo.png',
+  icon: '/img/favicon.svg',
+  logoDark: '/img/logo-dark.png',
+  logoLight: '/img/logo-light.png',
   themeConfig: {
     socialLinks: [
       {