melhora ai, fazendo um favor:
Clientes.css:
.fomulario{
  display: flex;
  padding: 20px;
}
.formulario-inputs{
  flex-direction: column;
}
  
  .photo-section {
    flex: 1;
    border: 1px solid #ddd;
    padding: 1rem;
    border-radius: 8px;
    cursor: pointer;
    width: 200px; /* Ajustável para diferentes tamanhos */
    height: 300px; /* Ajustável para diferentes tamanhos */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f0f0f0;
  }
  
  .photo-preview {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .photo-preview img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  
  button {
    padding: 0.5rem 1rem;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 1rem;
  }
  
  button:hover {
    background-color: #0056b3;
  }
  


Clientes Fisica.tsx:

import React, { useState } from "react";
import { Link } from "react-router-dom";
import "./Clientes.css";
import "../Cadastrar.css";
import Select from '@mui/material/Select';
import InputLabel from '@mui/material/InputLabel';
import MenuItem from '@mui/material/MenuItem';
import FormControl from '@mui/material/FormControl';
import { CamposFormularios } from "./Clientes";

function ClientesFisica() {
  const [categoria, setCategoria] = useState('');
  const [photoPreview, setPhotoPreview] = useState<string | null>(null);

  const handlePhotoChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const file = event.target.files?.[0];
    if (file) {
      const reader = new FileReader();
      reader.onloadend = () => {
        setPhotoPreview(reader.result as string);
      };
      reader.readAsDataURL(file);
    }
  };

  const handleCategoriaChange = (event: React.ChangeEvent<{ value: unknown }>) => {
    setCategoria(event.target.value as string);
  };

  return (
    <div className="fomulario">
      <div className="formulario-inputs">
          <FormControl>
            <div>
              <div>
                <CamposFormularios.Texto nomeInicial="Nome" />
                <CamposFormularios.Texto nomeInicial="Numero" />
              </div>

              <div>
                <InputLabel>Categoria</InputLabel>
                <Select
                  value={categoria}
                  label="Categoria"
                >
                  <MenuItem value={10}>Ten</MenuItem>
                  <MenuItem value={20}>Twenty</MenuItem>
                  <MenuItem value={30}>Thirty</MenuItem>
                </Select>

                <label>
                  Data de Nasc.:
                  <input type="date" name="birthDate" />
                </label>

                <label>
                  Gênero:
                  <select name="gender">
                    <option value="">Selecione um gênero</option>
                    <option value="masculino">Masculino</option>
                    <option value="feminino">Feminino</option>
                  </select>
                </label>
              </div>

              <div>
                <label>
                  CPF:
                  <input type="text" name="cpf" />
                </label>

                <label>
                  Celular:
                  <input type="tel" name="cellphone" />
                </label>
              </div>

              <div>
                <label>
                  Email:
                  <input type="email" name="email" />
                </label>

                <label>
                  Site:
                  <input type="url" name="website" />
                </label>
              </div>

              <div>
                <label className="observations-label">
                  Observações:
                  <textarea name="observations" />
                </label>
              </div>
            </div>
          </FormControl>
        </div>
        {/* Área de upload de foto */}
    <div className="formulario-img">
      <div
        className="photo-section"
        onClick={() => document.getElementById("photo-input")?.click()}
      >
        <input
          type="file"
          id="photo-input"
          style={{ display: "none" }}
          accept="image/"
          onChange={handlePhotoChange}
        />
        <div className="photo-preview">
          {photoPreview ? (
            <img src={photoPreview} alt="Pré-visualização da foto" />
          ) : (
            <span>Clique para adicionar uma foto</span>
          )}
        </div>
      </div>
      <button type="submit">Enviar</button>
    </div>
    </div>
  );
}

export default ClientesFisica;