update documentation links and Readme (#239)

Author: atila-crabnebula

README.md

@@ -10,6 +10,9 @@ Inspect, monitor, and understand your [Tauri](https://tauri.app) application wit
 
 ## Getting Started
 
+> [!TIP]
+> For the full documentation, check: [docs.crabnebula.dev/devtools](https://docs.crabnebula.dev/devtools)
+
 ### Tauri v1
 
 Ensure you have [Tauri](https://tauri.app/v1/guides/getting-started/setup/) set up correctly. Then install the Rust instrumentation from crates.io:
@@ -33,15 +36,15 @@ tauri-build = "1.5.0"
 Ensure you have [Tauri](https://beta.tauri.app/guides/create/) set up correctly. Then install the Rust instrumentation from crates.io:
 
 ```sh
-cargo add tauri-plugin-devtools@2.0.0-beta
+cargo add tauri-plugin-devtools --git https://github.com/crabnebula-dev/devtools
 ```
 
 You also have to use Tauri **2.0.0-beta.1** (or later) so your `Cargo.toml` file should look as follows:
 
 ```toml
 [dependencies]
-tauri-plugin-devtools = "2.0.0-beta"
-tauri = "2.0.0-beta.1"
+tauri-plugin-devtools = { git = "https://github.com/crabnebula-dev/devtools" }
+tauri = "2.0.0-beta.3"
 [build-dependencies]
 tauri-build = "2.0.0-beta"
 ```

clients/web/src/views/connect.tsx

@@ -75,18 +75,17 @@ export default function Connect() {
       </header>
       <aside class="max-w-screen-sm w-full flex flex-col gap-5 text-xl leading-tight text-center text-neutral-400">
         <p>
-          To get started, make sure you have the{" "}
+          Check our{" "}
           <a
             class="after:[content:'↗'] after:relative after:-top-2 after:text-xs text-white hover:text-cyan-300 focus:text-cyan-300 transition-colors"
-            href="https://docs.rs/devtools/latest/devtools"
+            href="https://docs.crabnebula.dev/devtools/get-started/"
             rel="noopener"
             target="_blank"
           >
-            <code class="font-mono ">devtools</code> crate
+            <code class="font-mono ">docs</code>
           </a>{" "}
-          installed.
+          for information on how to get started.
         </p>
-        <p>Add the right information and start inspecting!</p>
       </aside>
       <form
         class="max-w-screen-sm w-full grid grid-cols-2 gap-8 p-12 border-navy-900 border-px backdrop-blur-md bg-navy-800 bg-opacity-30 rounded-md place-items-center"
@@ -112,7 +111,7 @@ export default function Connect() {
         />
         <Button.Root
           type="submit"
-          class="bg-white border-white text-gray-950 flex items-center gap-2 text-2xl border-2 rounded-full py-2 px-4 col-span-2 focus:outline-dashed focus:outline-white focus:outline-offset-2 hover:scale-110 transition-transform ease-in-out"
+          class="bg-white border-white text-gray-950 flex items-center gap-2 text-2xl border-2 rounded-md py-2 px-4 col-span-2 focus:outline-dashed focus:outline-white focus:outline-offset-2 hover:scale-110 transition-transform ease-in-out"
         >
           <span>Inspect</span>
         </Button.Root>