add article detail page ui