Styled Card - Copy this React, Mui Component to your project

این نمونه دیتا هست: { "id": 9, "user_id": 4698, "user": { "id": 4698, "nickname": "دریس - مدیر فنی با نام طولانی", "avatar_url": "https://dl3.kariran.net/local_api/media/users/4698/wklqiaco2esqxqa0.jpg?v=1748528750", "signature": "مدیر فنی مجموعه سایت‌های کارایران", "has_blue_tick": 0, "last_activity_at": 1748779069, "created_at": 1399148131 }, "worker_id": 51, "worker": { "id": 51, "nickname": "admin - خلیلی", "avatar_url": "https://dl3.kariran.net/local_api/media/users/51/Wv3xirGsN6A0AwMG.jpg?v=1748520758", "signature": "پشتیبانی شما وظیفه ی ماست.", "has_blue_tick": 1, "last_activity_at": 1748779069, "created_at": 1380382771 }, "coworker_id": null, "coworker": null, "customer_id": null, "customer": null, "service_id": 3, "service": { "id": 3, "category_id": 61, "form_id": null, "help_id": null, "slug": "ثبت-کتاب-درسی", "title": "ثبت کتاب درسی", "description": "ثبت نام کلیه پایه های درسی", "content": null, "price": 250000, "fixed_price_title": "", "fixed_price": null, "has_relative_price": 1, "duration": 10, "order": null, "status": "active", "created_at": 123456789, "updated_at": null, "deleted_at": null }, "chat_id": 15, "chat": { "id": 15, "user_id": null, "last_message_id": null, "title": "ثبت کتاب درسی شناسه 9", "type": "group", "category": "services_requests", "users_count": 8, "status": "active", "created_at": 1748778291, "updated_at": 1748778291, "deleted_at": null }, "cancel_user_id": null, "description": null, "price": 250000, "fixed_price": null, "relative_price": null, "connection_type": "website", "information_type": "chat", "form_data": null, "is_divided_wage": null, "status": "running", "started_at": 1748779115, "completed_at": null, "ended_at": null, "created_at": 1748778291, "updated_at": null }