finished top bar functionality frontend iter1 complete