💫(frontend) add fadein animation on home

Elements' apparition felt quite harsh.
Add an animation to fade in content.
Used a pre-defined animation in panda configs.

src/frontend/src/features/home/routes/Home.tsx

@@ -31,6 +31,8 @@ const Columns = ({ children }: { children?: ReactNode }) => {
         justifyContent: 'normal',
         padding: '0 1rem',
         width: 'calc(100%-2rem)',
+        opacity: 0,
+        animation: '.5s ease-in fade 0s forwards',
         lg: {
           flexDirection: 'row',
           justifyContent: 'space-evenly',