🌟 Added ButtonCircle component

📦 This commit includes the ButtonCircle component for circular buttons.
🚀 It accepts size and className as props for customization.
💄 Styles are defined for various states (hover, disabled).
👍 Ready to enhance your UI with circular buttons!

src/shared/ButtonCircle.tsx

@@ -0,0 +1,21 @@
+import React, { ButtonHTMLAttributes } from "react";
+
+export interface ButtonCircleProps
+  extends ButtonHTMLAttributes<HTMLButtonElement> {
+  size?: string;
+}
+
+const ButtonCircle: React.FC<ButtonCircleProps> = ({
+  className = " ",
+  size = " w-9 h-9 ",
+  ...args
+}) => {
+  return (
+    <button
+      className={`ttnc-ButtonCircle flex items-center justify-center rounded-full !leading-none disabled:bg-opacity-70 bg-primary-6000 hover:bg-primary-700 text-neutral-50 ${className} ${size} `}
+      {...args}
+    />
+  );
+};
+
+export default ButtonCircle;