chore: update prettier configuration for print width (#519)

* feat: update prettier configuration for print width

* chore: apply code formatting to entire repository

* fix: remove build files

* fix: format issue

---------

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

packages/ui/src/components/search-input.tsx

@@ -12,10 +12,7 @@ interface SearchInputProps {
   placeholder: string;
 }
 
-export const SearchInput = ({
-  placeholder,
-  defaultValue,
-}: SearchInputProps) => {
+export const SearchInput = ({ placeholder, defaultValue }: SearchInputProps) => {
   // eslint-disable-next-line @typescript-eslint/unbound-method
   const { replace } = useRouter();
   const pathName = usePathname();

packages/ui/src/components/select-with-custom-items.tsx

@@ -11,19 +11,15 @@ interface BaseSelectItem {
 }
 
 export interface SelectWithCustomItemsProps<TSelectItem extends BaseSelectItem>
-  extends Pick<
-    SelectProps,
-    "label" | "error" | "defaultValue" | "value" | "onChange" | "placeholder"
-  > {
+  extends Pick<SelectProps, "label" | "error" | "defaultValue" | "value" | "onChange" | "placeholder"> {
   data: TSelectItem[];
   onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
   onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
 }
 
-type Props<TSelectItem extends BaseSelectItem> =
-  SelectWithCustomItemsProps<TSelectItem> & {
-    SelectOption: React.ComponentType<TSelectItem>;
-  };
+type Props<TSelectItem extends BaseSelectItem> = SelectWithCustomItemsProps<TSelectItem> & {
+  SelectOption: React.ComponentType<TSelectItem>;
+};
 
 export const SelectWithCustomItems = <TSelectItem extends BaseSelectItem>({
   data,
@@ -45,10 +41,7 @@ export const SelectWithCustomItems = <TSelectItem extends BaseSelectItem>({
     onChange,
   });
 
-  const selectedOption = useMemo(
-    () => data.find((item) => item.value === _value),
-    [data, _value],
-  );
+  const selectedOption = useMemo(() => data.find((item) => item.value === _value), [data, _value]);
 
   const options = data.map((item) => (
     <Combobox.Option value={item.value} key={item.value}>
@@ -69,11 +62,7 @@ export const SelectWithCustomItems = <TSelectItem extends BaseSelectItem>({
   );
 
   return (
-    <Combobox
-      store={combobox}
-      withinPortal={false}
-      onOptionSubmit={onOptionSubmit}
-    >
+    <Combobox store={combobox} withinPortal={false} onOptionSubmit={onOptionSubmit}>
       <Combobox.Target>
         <InputBase
           {...props}
@@ -85,11 +74,7 @@ export const SelectWithCustomItems = <TSelectItem extends BaseSelectItem>({
           rightSectionPointerEvents="none"
           multiline
         >
-          {selectedOption ? (
-            <SelectOption {...selectedOption} />
-          ) : (
-            <Input.Placeholder>{placeholder}</Input.Placeholder>
-          )}
+          {selectedOption ? <SelectOption {...selectedOption} /> : <Input.Placeholder>{placeholder}</Input.Placeholder>}
         </InputBase>
       </Combobox.Target>
 

packages/ui/src/components/select-with-description-and-badge.tsx

@@ -15,19 +15,10 @@ export interface SelectItemWithDescriptionBadge {
 type Props = SelectWithCustomItemsProps<SelectItemWithDescriptionBadge>;
 
 export const SelectWithDescriptionBadge = (props: Props) => {
-  return (
-    <SelectWithCustomItems<SelectItemWithDescriptionBadge>
-      {...props}
-      SelectOption={SelectOption}
-    />
-  );
+  return <SelectWithCustomItems<SelectItemWithDescriptionBadge> {...props} SelectOption={SelectOption} />;
 };
 
-const SelectOption = ({
-  label,
-  description,
-  badge,
-}: SelectItemWithDescriptionBadge) => {
+const SelectOption = ({ label, description, badge }: SelectItemWithDescriptionBadge) => {
   return (
     <Group justify="space-between">
       <div>

packages/ui/src/components/select-with-description.tsx

@@ -13,12 +13,7 @@ export interface SelectItemWithDescription {
 type Props = SelectWithCustomItemsProps<SelectItemWithDescription>;
 
 export const SelectWithDescription = (props: Props) => {
-  return (
-    <SelectWithCustomItems<SelectItemWithDescription>
-      {...props}
-      SelectOption={SelectOption}
-    />
-  );
+  return <SelectWithCustomItems<SelectItemWithDescription> {...props} SelectOption={SelectOption} />;
 };
 
 const SelectOption = ({ label, description }: SelectItemWithDescription) => {

packages/ui/src/components/table-pagination.tsx

@@ -47,23 +47,12 @@ export const TablePagination = ({ total }: TablePaginationProps) => {
   );
 
   return (
-    <Pagination
-      total={total}
-      getItemProps={getItemProps}
-      getControlProps={getControlProps}
-      onChange={handleChange}
-    />
+    <Pagination total={total} getItemProps={getItemProps} getControlProps={getControlProps} onChange={handleChange} />
   );
 };
 
-type ControlType = Parameters<
-  Exclude<PaginationProps["getControlProps"], undefined>
->[0];
-const calculatePageFor = (
-  type: ControlType,
-  current: number,
-  total: number,
-) => {
+type ControlType = Parameters<Exclude<PaginationProps["getControlProps"], undefined>>[0];
+const calculatePageFor = (type: ControlType, current: number, total: number) => {
   switch (type) {
     case "first":
       return 1;

packages/ui/src/components/user-avatar-group.tsx

@@ -10,11 +10,7 @@ interface UserAvatarGroupProps {
   users: UserProps[];
 }
 
-export const UserAvatarGroup = ({
-  size,
-  limit,
-  users,
-}: UserAvatarGroupProps) => {
+export const UserAvatarGroup = ({ size, limit, users }: UserAvatarGroupProps) => {
   return (
     <TooltipGroup openDelay={300} closeDelay={300}>
       <AvatarGroup>

packages/ui/src/components/user-avatar.tsx

@@ -22,7 +22,5 @@ export const UserAvatar = ({ user, size }: UserAvatarProps) => {
     return <Avatar {...commonProps} src={user.image} alt={user.name} />;
   }
 
-  return (
-    <Avatar {...commonProps}>{user.name.substring(0, 2).toUpperCase()}</Avatar>
-  );
+  return <Avatar {...commonProps}>{user.name.substring(0, 2).toUpperCase()}</Avatar>;
 };