I'm making a simple TODO app with the AppShell layout. I want to be able to set a custom image as a background in the main content of the app. I tried setting the image as a styles property or wrapping my <MainContent /> component with a <BackgroundImage /> component, but the best result I've got is what's shown in the image I attached. I'd like to have a fixed image as the background that covers the whole visible section, but I'm clearly missing something, how can I make it work?
Code: https://github.com/RakiDev/todo-app-react-mantine/tree/settings (settings branch)