department components. stage2

it's time to check how code of our component works.
we should combine them together and see if they are align well and can be adjusted as i imagined

https://github.com/GroceriStar/react-native-shoppin-list/tree/master/src/components/Item
https://github.com/GroceriStar/react-native-shoppin-list/blob/master/src/components/screen/Grocery.js
https://github.com/GroceriStar/react-native-shoppin-list/tree/master/src/components/layouts/CreateNewGrocry
https://github.com/GroceriStar/react-native-shoppin-list/tree/master/src/components/layouts/GroceryList
https://github.com/GroceriStar/react-native-shoppin-list/tree/master/src/components/layouts/IngredientDetails

Review the components under src/components/Item, src/components/layouts/CreateNewGrocry, src/components/layouts/GroceryList, and src/components/layouts/IngredientDetails, together with src/components/screen/Grocery.js. Compare how these components work together and identify the intended adjustments; completion is not defined beyond checking whether they align, so acceptance criteria need clarification.

Written by the indexing model from the issue text.