fix: avoid prop forwarding to dom using sc prefix

Author: awesthouse

web/src/features/todos/todo-list/TodoItem.styled.tsx

@@ -1,6 +1,6 @@
 import { Typography } from '@equinor/eds-core-react'
 import styled from 'styled-components'
 
-export const StyledTodoItemTitle = styled(Typography)<{ isStruckThrough?: boolean }>`
-  text-decoration: ${(props) => (props.isStruckThrough ? 'line-through' : 'none')};
+export const StyledTodoItemTitle = styled(Typography)<{ $isStruckThrough?: boolean }>`
+  text-decoration: ${(props) => (props.$isStruckThrough ? 'line-through' : 'none')};
 `

web/src/features/todos/todo-list/TodoItem.tsx

@@ -26,7 +26,7 @@ const TodoItem = ({ todo }: { todo: AddTodoResponse }) => {
     <Card>
       <Card.Header>
         <Card.HeaderTitle>
-          <StyledTodoItemTitle variant="h5" isStruckThrough={todo.is_completed}>
+          <StyledTodoItemTitle variant="h5" $isStruckThrough={todo.is_completed}>
             {todo.title}
           </StyledTodoItemTitle>
           <Typography variant="body_short">{statusOf(todo.is_completed)}</Typography>