$1.$ A$.(20$ pts$)$ Develop a GroceryApp component that receives a list of products, each with a name and votes. Render an unordered list with each product having buttons to upvote and downvote. Implement the upvote and downvote logic using React state and props. How would you structure the components to maintain state in the topmost component while passing necessary data as props to child components?

B$.(20$ pts$)$ Create a FocusableInput component in React.js that renders an input element. The component should accept a focused prop. When focused changes from false to true, the input should receive focus. Additionally, if the focused prop is true when the component mounts, the input should automatically receive focus.