Website/db/app/core/components/Footer.tsx

import {Box, Theme, Typography} from '@mui/material'
import {makeStyles} from '@mui/styles'

const useStyles = makeStyles((theme: Theme) => ({
    footerHolder: {
        display: 'flex',
        flex: '0 1 3vh',
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'center',
        padding: '0 10vw 0 10vw',
        backgroundColor: theme.palette.background.default,
        color: theme.palette.text.primary
    }
}))

export const Footer = () => {
    const classes = useStyles()

    return (
        <Box className={classes.footerHolder}>
            <Typography id={"footer"}>SPT-Aki ©2021 Created by Rev and Shirito</Typography>
        </Box>
    )
}