feat: SpaceX Rockets - List, Detail, Filter & Add Rocket

[andhikakrstn3]

Summary

• Implement rocket list page with image, name, and description for each rocket
• Add search/filter functionality to filter rockets by name or description
• Add new rocket form dialog (stored locally)
• Implement rocket detail page showing image, name, description, cost per launch, country, and
  first flight
• Integrate SpaceX API (v4/rockets) with loading spinner, error handling, and retry button
• Responsive grid layout using Vuetify breakpoints

Tech Stack

• Vue 3 (Composition API + <script setup>)
• TypeScript
• Vuetify 3 (dark theme)
• Pinia (state management)
• Axios (HTTP client)
• Vue Router (file-based routing)

Project Structure

• src/types/rocket.ts — Rocket interface
• src/services/api.ts — Axios API layer
• src/stores/rocket.ts — Pinia store with state, actions, and getters
• src/components/RocketCard.vue — Reusable rocket card component
• src/components/AddRocketDialog.vue — Add rocket form dialog
• src/pages/rockets/index.vue — Rocket list page
• src/pages/rockets/[id].vue — Rocket detail page

UI States

• Loading — Progress spinner while fetching data
• Error — Error alert with retry button
• Success — Render rocket data