feat: Routing fuer Workspace-Auswahl und Editor aufbauen

Zwei Router: WorkspaceRoute (Workspace anlegen/oeffnen) und EditorRoute
(Home/Editor), umgeschaltet ueber ein Signal in App.

Die Navigationslinks werden nicht mehr einzeln ausgeschrieben, sondern aus
dem Routen-Enum erzeugt (strum EnumIter). Die Beschriftung haengt per
#[strum(message = "...")] an der Variante selbst, damit eine neue Route nur
an einer Stelle gepflegt werden muss.

CustomLink kapselt Link und markiert den aktiven Eintrag ueber active_class
statt ueber eigenen Klick-Zustand - das funktioniert auch bei Deep-Links und
dem Zurueck-Button.

src/views/editor/dionotes_editor.rs

@@ -0,0 +1,86 @@
+use dioxus::prelude::*;
+use dioxus_code::Theme;
+use dioxus_code_editor::{CodeEditor, Language};
+use crate::components::custom_link::custom_link_component::CustomLink;
+use strum::{EnumMessage, IntoEnumIterator};
+use strum_macros::EnumIter;
+
+const HEADER_SVG: Asset = asset!("/assets/header.svg");
+
+#[derive(Debug, Clone, Routable, PartialEq, EnumIter, EnumMessage)]
+#[rustfmt::skip]
+pub enum EditorRoute {
+    #[layout(Navbar)]
+    #[route("/")]
+    #[strum(message = "Home")]
+    Home {},
+    #[route("/editor")]
+    #[strum(message = "Editor")]
+    Editor {},
+}
+
+/// Home page
+#[component]
+fn Home() -> Element {
+    rsx! {
+        Hero {}
+    }
+}
+
+#[component]
+pub fn Hero() -> Element {
+    rsx! {
+        div {
+            id: "hero",
+            img { src: HEADER_SVG, id: "header" }
+            div { id: "links",
+                a { href: "https://dioxuslabs.com/learn/0.7/", "📚 Learn Dioxus" }
+                a { href: "https://dioxuslabs.com/awesome", "🚀 Awesome Dioxus" }
+                a { href: "https://github.com/dioxus-community/", "📡 Community Libraries" }
+                a { href: "https://github.com/DioxusLabs/sdk", "⚙️ Dioxus Development Kit" }
+                a { href: "https://marketplace.visualstudio.com/items?itemName=DioxusLabs.dioxus", "💫 VSCode Extension" }
+                a { href: "https://discord.gg/XgGxMSkvUM", "👋 Community Discord" }
+            }
+        }
+    }
+}
+
+#[component]
+fn Editor() -> Element {
+    let mut source = use_signal(String::new);
+
+    rsx! {
+        CodeEditor {
+            class: "editor-class",
+            value: source(),
+            language: Language::Markdown,
+            theme: Theme::CATPPUCCIN_MOCHA,
+            oninput: move |value| source.set(value),
+        }
+    }
+}
+
+/// Shared navbar component.
+#[component]
+fn Navbar() -> Element {
+    rsx! {
+        div {
+            class: "layout-container",
+            div {
+                class: "files-bar",
+                for entry in EditorRoute::iter() {
+                    CustomLink {
+                        key: "{entry}",
+                        label: entry.get_message().unwrap_or_default(),
+                        href: entry.clone(),
+                        css: "file-selector"
+                    }
+                }
+            }
+            div {
+                class: "editor-container",
+                Outlet::<EditorRoute> {  }
+            }
+        }
+    }
+}

src/views/editor/mod.rs

@@ -0,0 +1 @@
+pub mod dionotes_editor;

src/views/mod.rs

@@ -0,0 +1,2 @@
+pub mod editor;
+pub mod workspace_selector;

src/views/workspace_selector/create_new_workspace.rs

@@ -0,0 +1,11 @@
+use dioxus::prelude::*;
+
+/// Create new Workspace Layout
+// TODO: Platzhalter — Formular zum Anlegen eines Workspace (Name, Pfad) und
+// Verdrahtung als Ziel von WorkspaceRoute::NewWorkspace fehlen noch.
+#[component]
+fn NewWorkspaceLayout() -> Element {
+    rsx! {
+        div {}
+    }
+}

src/views/workspace_selector/mod.rs

@@ -0,0 +1,2 @@
+pub mod selector;
+pub mod create_new_workspace;

src/views/workspace_selector/selector.rs

@@ -0,0 +1,61 @@
+use dioxus::prelude::*;
+use strum::{EnumMessage, IntoEnumIterator};
+use strum_macros::EnumIter;
+use crate::components::custom_link::custom_link_component::CustomLink;
+
+#[derive(Debug, Clone, Routable, PartialEq, EnumIter, EnumMessage)]
+#[rustfmt::skip]
+pub enum WorkspaceRoute {
+    #[layout(Workspace)]
+    #[route("/")]
+    #[strum(message = "Create new Workspace")]
+    NewWorkspace {},
+    #[route("/ws_open")]
+    #[strum(message = "Open Workspace")]
+    OpenWorkspace {},
+}
+
+/// Page to create new Workspace
+#[component]
+fn NewWorkspace() -> Element {
+    rsx! {
+        div {
+            "New Workspace",
+        }
+    }
+}
+
+/// Page to open available Workspaces
+#[component]
+fn OpenWorkspace() -> Element {
+    rsx! {
+        div {
+            "Open Workspace",
+        }
+    }
+}
+
+/// Workspace Layout
+#[component]
+fn Workspace() -> Element {
+    rsx! {
+        div {
+            class: "workspace-selector-layout",
+            div {
+                class: "workspace-selector-links",
+                for route in WorkspaceRoute::iter() {
+                    CustomLink {
+                        key: "{route}",
+                        label: route.get_message().unwrap_or_default(),
+                        href: route.clone(),
+                        css: "workspace-selector",
+                    }
+                }
+            }
+            div {
+                class: "workspace-selector-view",
+                Outlet::<WorkspaceRoute> { }
+            }
+        }
+    }
+}