create a single element in place of 3

https://github.com/ACM-VIT/code-plus-plus-2022-registration-frontend/blob/eabdd7b3036c983e9165f89dfc90a8472449108a/src/components/Horizontal/index.js#L33-L35

Create a single element and pass an object into it, something like this.
```
const data = {
first: { foo:"bar", image: "first"},
second: { foo:"bar", image: "first"},
}
```

and then pass like `

Open src/components/Horizontal/index.js at lines 33-35 and inspect the three repeated elements and their props. The work is done when one reusable element receives object-based data for each instance while preserving the existing Horizontal rendering.

Written by the indexing model from the issue text.