fix typo

stories/atoms/buttons/Button/tests/Button.test.tsx

@@ -59,28 +59,28 @@ describe("<Button>", () => {
 			expect(buttonElement).toHaveClass("px-[13px]");
 		});
 
-		it("redners with size xs", () => {
+		it("renders with size xs", () => {
 			render(<Button {...defaultProps} size="xs" />);
 
 			const buttonElement = screen.getByRole("button");
 			expect(buttonElement).toHaveClass("px-[11px]");
 		});
 
-		it("redners with size md", () => {
+		it("renders with size md", () => {
 			render(<Button {...defaultProps} size="md" />);
 
 			const buttonElement = screen.getByRole("button");
 			expect(buttonElement).toHaveClass("px-[17px] text-sm");
 		});
 
-		it("redners with size lg", () => {
+		it("renders with size lg", () => {
 			render(<Button {...defaultProps} size="lg" />);
 
 			const buttonElement = screen.getByRole("button");
 			expect(buttonElement).toHaveClass("px-[17px] text-base");
 		});
 
-		it("redners with size xl", () => {
+		it("renders with size xl", () => {
 			render(<Button {...defaultProps} size="xl" />);
 
 			const buttonElement = screen.getByRole("button");

stories/atoms/icons/TablerIcon.tsx

@@ -3,17 +3,16 @@ import { TablerIconName } from "./tablerIconNames";
 import * as TablerIcons from "@tabler/icons-react";
 import { ClassNameWithAutocomplete } from "@/utils/types";
 
-type TablerIconKeys = keyof typeof TablerIcons;
 export interface ITablerIconProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
-	icon: TablerIconName | TablerIconKeys;
+	icon: TablerIconName;
 	className?: ClassNameWithAutocomplete;
 }
 
 const TablerIcon: React.FC<ITablerIconProps> = ({
 	icon,
 	className = "w-6 h-6 text-gray-600"
 }: ITablerIconProps): JSX.Element => {
-	const Icon = TablerIcons[icon as TablerIconKeys];
+	const Icon = TablerIcons[icon];
 	return (
 		<i>
 			<Icon className={className} />