Dynamic island not displaying UI views

i finally got previews for dynamic island to work and I'm just trying to first work on adding a static UI elements to my dynamic island like i did for my live screen live activity, but my dynamic island view is showing up totally empty, if i add my app icon image to the compact leading closure, it doesn't appear, if i ad text to an expanded region closure it doesn't appear.

am really stuck on this and would approeciate the help.

    var body: some View {
     
        Image("dynamicrep")
            .resizable()
            .scaledToFit()
            .clipShape(.circle)
    }
}
 
struct DynamicRepLiveActivity: Widget {
 
    var body: some WidgetConfiguration {
        ActivityConfiguration(for: DynamicRepAttributes.self) { context in
            
            VStack {
                
                HStack(spacing: 257) {
                   
                    Text("from \(context.attributes.titleName ?? "no title")")
                        .fontWeight(.light)
                        .font(.system(size: 16))
                        .foregroundStyle(Color.gray)
                    Circle()
                        .frame(width: 53, height: 50)
                        .foregroundStyle(Color.gray).opacity(0.23)
                        .overlay {
                            Image("mmicon")
                                
                               
                        }
                }
                .frame(maxWidth: 500, maxHeight: 210)
                Spacer()
                
                
                Text("\(context.attributes.contentBody ?? "no content")")
            }
            .activityBackgroundTint(Color.cyan)
            .activitySystemActionForegroundColor(Color.black)
            .frame(width: 500, height: 300)
            
            
        } dynamicIsland: { context in
            DynamicIsland {
           
                // Expanded UI goes here.  Compose the expanded UI through
                // various regions, like leading/trailing/center/bottom
                DynamicIslandExpandedRegion(.leading) {
                    Text("from \(context.attributes.titleName ?? "no title")")
             
                }
                DynamicIslandExpandedRegion(.trailing) {
                    Circle()
                        
                }
                DynamicIslandExpandedRegion(.bottom) {
                    Text("\(context.attributes.contentBody ?? "no content")")   
                }
            } compactLeading: {
                 AppLogo()
                
            } compactTrailing: {
                Text("")    //empty for now
            } minimal: {
                Text("hello")    //empty for now
            }
            .widgetURL(URL(string: "MuscleMemory.KimchiLabs.com"))
            .keylineTint(Color.white)
        }
    }
}