Разворачивание интерфейсов в приложении на React

Перенос Navbar и Header компоненты в другие места

не рекомендуется дублировать код как будет показано в этом примере (News или Новости)

routes\News\News.js

import React from 'react'
import classes from './../../style.module.scss';
import Navbar from './../../modules/Navigation/Navbar';
import Header from './../../modules/Navigation/Header';

const News = () =>{
 return (
 <div className={classes.main}>
 <div className={classes.main_navigation}>
<Navbar/>
</div>
 <div className={classes.main_content}>
<Header/>
</div>
</div>
)
}
export default News