Acomodar la guía de contribución, instalación, build y agregar screenshots ademas de detalles del proyecto

La idea principal es que el contenido se muestre en el panel lateral previamente sugerido ( #2 ), pero adicionalmente el contenido debe ser indexado de manera independiente y tener su propio path en la URL de la web, para que de esta manera podamos exponer mucho mejor este roadmap en los buscadores.

El comportamiento esperado para este feature seria el siguiente:

• Cuando se accede al roadmap desde una ruta personalizada el sidebar debe ocupar toda la pantalla sobreponiendose ante el contenido de la web
• En cuanto el sidebar se cierra del modo completo se visualiza la web con normalidad y el path se restaura

Describe the bug
Actualmente en el roadmap cuando seleccionamos un nivel de aprendizaje (ya sea básico, intermedio, avanzado u otros) a las conexiones relacionadas a ese nivel se les activa una animación, bueno, esa animacion tiene un bug cuando se selecciona una ruta que tiene dos niveles a la vez

To Reproduce
Haz click en cualquier elemento de nivel

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
Comportamiento esperado

Comportamiento a arreglar

Open Graph para la web del roadmap y su contenido

Tareas a cumplir:

• Preview principal
• Preview para topicos principales
• Preview para sub topicos

Al igual que en roadmap.sh, el grafico del roadmap deberia expandirse verticalmente hasa donde este lo necesite sin limitarse como lo hace actualmente

Asi como en roadmap.sh se deberia abrir una barra lateral con el contenido markdown que corresponde al nodo seleccionado

Esta tarea consta de 3 etapas:

• El componente de sidebar
• Renderizacion del contenido Markdown
• Permitir guardar el progreso localmente

  • Por progreso se entiende el estado personal del contenido que puede ser Por Leer, Leyendo y Completado

• La barra lateral en modo Post (contenido extenso solo para lectura), mas detalles en el issue #5

El contenido inicial esperado debe ser:

• 1.introduction - Esperando #9
  • 1. Que es Rust?
  • 2. Porque Rust?
  • 3. Stable, Beta, Nightly. Que es esto?
  • 4. Configura tu entorno (Solo texto, sin contenido)
  • 5. Instala Rustup
  • 6. Configura tu Editor de Codigo
  • 7. Ejecuta tu primer programa
• 2. basic
  • 1. Sintaxis Basica (Solo texto, sin contenido)
  • 2. Variables y Declaraciones
  • 3. Constantes y valores Estaticos
  • 4. Shadowing
  • 5. Control de Flujo
  • 6. Funciones/Clousures
  • 7. Pattern Matching/Destruct
  • 8. Tipos de Datos Primitivos (Solo texto, sin contenido)
  • 9. bool
  • 10. f32, f64
  • 11. char
  • 12. i8, i16, i32, i64, i128, isize
  • 13. str
  • 14. u8, u16, u32, u64, u128, usize
  • 15. Tipos de Datos Complejos (Solo texto, sin contenido)
  • 16. tupla
  • 17. Arreglos
  • 18. Slice
  • 19. struct
  • 20. Enum
  • 21. String
  • 22. Vector
  • 23. HashMap
  • 24. Genericos
  • 25. Ownership y Borrowing (Solo texto, sin contenido)
  • 26. Concepto Basico
  • 27. Transferencia de Ownership
  • 28. Referencias y Mutabilidad
  • 29. Tiempos de Vida (Lifetime)
  • 30. Prestamos Temporales
• 3. error-handling
  • 1. Option
  • 2. Result
  • 3. Propagacion de Errores, operador ?
  • 4. Errores Personalizados
  • 5. Monads
• 4. cargo
  • 1. cargo fmt (formateo)
  • 2. cargo clippy (linter)
  • 3. Modulos y Visibilidad
  • 4. Workspaces
• 5. traits
  • 1. Definiendo un Trait
  • 2. Auto Traits
  • 3. Fn, FnMut, FnOnce
• 6. smart-pointers
  • 1. Unico Hilo (Solo texto, sin contenido)
  • 2. Box
  • 3. Rc
  • 4. Cell
  • 5. RefCell
  • 6. Multiples Hilos (Solo texto, sin contenido)
  • 7. Atomic
  • 8. RwLock
  • 9. Arc
  • 10. Mutex
• 7. concurrency
  • 1. Hilos
  • 2. Canales de Comunicacion
  • 3. Async
• 8. interop
  • 1. FFI
  • 2. wasm
  • 3. cxx
• 9. ecosystem