ternary operator for routing

When using `{}`  for js expression make sure to wrap in under any component or element whether it is empty like `<> </>`

```jsx

const [route,setRoute]=useState('home')
return (
    <>
      {route === "home" ? (
        <div className="App">
          <Nav />
          <Article
            files={files}
            setFiles={setFiles}
            category={category}
            setCategory={setCategory}
          />
        </div>
      ) : (
        <Output />
      )}
    </>
  );
```