Add category cards

[github-actions]

https://api.github.com/dariomrk/EduLink/blob/f4e08c8ef104a439d3152680a8ac872b2e2db376/frontend/src/pages/HomePage/HomePage.jsx#L42

        justify="flex-start"
        align="flex-start"
        direction="column"
        w={{ base: '316px', sm: '482px', lg: '648px' }}
        m="auto"
        style={{
          color: Color.Primary,
          padding: '24px'
        }}
      >
        <div className="title">Kategorije</div>
        <Flex
          gap="16px"
          direction="row"
          wrap="wrap"
          justify="flex-start"
          align="flex-start"
          mb="48px"
          w="100  "
          // TODO: add cathegoryCards
        >
          <CategoryCard
            name="Matematika"
            numOfInstructor={3}
            link="/matematika"
          />
        </Flex>
        <div className="title">Top instruktori</div>
        <ScrollArea // TODO: add top instructors
          type="hover"
          scrollbarSize={8}
          style={{