import useState, useEffect etc.. from react at the beginning only

[Binu42]

currently, we are importing useState, useEffect, CSSProperties, etc.. from react each time when we need it, by this code is not looking clean and we are writing repetitive things. we can import all these methods at the beginning only and use it in our code.