Project: styled-components
Task (challenging): 1) create context/ThemeContent.tsx by using styled's ThemeProvider to manage the theme configuration. 2) In Theme Page, add input(.header-background) with label 'Header Background' which will represent the background color of Header, and add input(.footer-background) with label 'Footer Background' which will represent the background color of Footer 4) When the input value in Theme Page changed, the theme configuration updated instantly 5) Constraint: DO NOT use any third-party packages; ONLY React and styled-components are allowed. use styled-components to set the appealing style&animation