fix the left static navigation (to record)

.productPage{
    margin-top: 56px;
    display: flex;
    flex-direction: row;
    //justify-content: space-between;
    //gap: 64px;
    //padding: 0 16px;
    padding: 24px 0px 64px;
    height: 100vh; // added this
    overflow-y: auto; // added this



}
.navigation{
    display: flex;
    flex-direction: column;
    padding: 0px 0px 0px 16px;
    flex: 1;
    min-width: 170px;
    position:sticky;
    top:0;
    height: 100vh;
    overflow-y: auto;
}

it requires fix height for parent element

	b1. record the understanding of redux
		store->action,reducer,store
		login->redux (user profile) + local storage (token)